자바스크립트의 반복문은 데이터집합의 값을 반복하여 값을 조작한다. while 구문은 조건식이 만족할 때 while 구문 내의 코드를 계속 반복한다. 특정 조건이 없다면 반복을 지속하려는 속성이 있기 때문에 while 구문을 탈출하고자 할 때는 별도의 구문이 필요하다. 그렇기에 데이터를 조작하는 조건과 반복문을 탈출하는 조건이 필요할 수 있다.
자바스크립트 while 반복문 사용
using javascript while loop statement
자바스크립트의 반복문은 다른 프로그래밍 언어와 같은 구조를 가진다.
모든 프로그래밍 언어가 그렇듯이 기본적인 문법구조는 거의 같다.
자바스크립트의 while 구문은 조건문이 참일 경우 반복을 지속하는 역할을 한다.
웹페이지의 동작을 위한 반복문은 여러가지 상황에서 많이 사용한다.
자바스크립트 while 반복문
자바스크립트에서 사용되는 while 반복문은 기본적으로 조건문을 필요로 한다.
조건식이 참일 경우 while 반복문 내부의 코드는 계속 실행되기 때문에 반복문을 중단하기 위한 코드 또한 필요하다.
그렇기에 별도의 변수를 만들거나 별도의 조건을 따로 만들어 사용되는 경우들도 있다.
아래는 while 구문을 사용하기 위한 문법이다.
while ( 조건식 ) {
// 코드실행
}샘플코드
자바스크립트에서 사용되는 while 반복문의 예제를 만들어 본다.
아래는 반복이 가능한 데이터집합인 json 형태의 구문과 일반적인 배열을 while 구문을 사용하여 반복을 하는 코드이다.
while 반복문의 탈출을 위해 별도의 변수를 만들어 조건을 설정해 주었다.
<!DOCTYPE html>
<html>
<body>
<script>
let _loop = 0;
console.log('----------');
const arrComp = [
{"기종":"노트북1", "CPU":"Intel-i5", "RAM":"256MB"},
{"기종":"노트북2", "CPU":"Intel-i7", "RAM":"512MB"},
{"기종":"노트북3", "CPU":"AMD", "RAM":"1024MB"}
];
_loop = 0;
while (_loop < arrComp.length) {
console.log(arrComp[_loop]);
_loop++;
}
console.log('----------');
const arrStock = ["다우산업", "나스닥", "홍콩H", "상해종합", "니케이225"];
_loop = 0;
while (_loop < arrStock.length) {
console.log( arrStock[_loop] );
_loop++;
}
console.log('----------');
</script>
</body>
</html>데이터집합을 사용하든 배열을 사용하든 데이터집합의 형태를 가진 것들은 반복이 가능하다.
while 구문을 사용하여 json 형태의 데이터집합을 반복하는 것은 배열을 반복하여 데이터 값을 추출하는 것과 방식은 같다.
결과 화면을 보자.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 반복문 for 와 while 초기값 생략과 비교 comparing loop for and while (0) | 2022.05.14 |
|---|---|
| 자바스크립트 do while 반복문 사용 using javascript do while loop (0) | 2022.05.10 |
| html 하이퍼 링크 태그 a href 사용 using html a tag (0) | 2022.04.28 |
| 자바스크립트 반복문 for of 사용 방법 using javascript for in loop (0) | 2022.04.26 |
| 자바스크립트 반복문 for in 사용 방법 using javascript for in loop statement (0) | 2022.04.24 |
댓글