while문
for문과 마찬가지로 초기식, 조건식, 증감식을 이용해 실행문을 행하는 문법이다.
다만 for문과는 다르게 반복횟수를 정하지 않고 특정 조건이 주어질 경우에 사용한다. 따라서 조건이 true이면 반복, false이면 반복을 종료하게 된다.
1. 기본 문법
while(조건식) {
반복문장;
}
<script>
// while문을 사용해서 1부터 10까지 숫자를 출력하시오.
var i = 1; // 1. 초기식
while( i <= 10 ) { // 2. 조건식
console.log(i); // 3. 실행문
i++; // 4. 증감식
} // 5. 종료(2번 조건식을 만족하지 않을 경우)
console.log("반복문 끝난 후 i값 : " + i); // 11
</script>위 코드를 보면 for문과 달리 증감식에 대한 고정적인 자리가 존재하지 않는다. 따라서 상황에 따라 실행문 전에, 혹은 후에 배치할 수 있다. 초기식 또한 변수를 선언해 초기화하는 방식을 사용한다. 이러한 점이 while문과 for문의 차이이다.
2. do while 문법
do {
반복문장;
} while(조건식);
=> 반복 문장들을 실행하고 조건을 따지는 방식으로, 최소 1번(최초에 1번)은 반드시 반복 문장을 실행한다.
<body>
<button>시작</button>
</body>
<script>
const btn = document.querySelector("button");
btn.addEventListener("click", run);
let sum;
let val;
// do while 예제
function run() {
do {
sum = 0;
val = prompt("숫자를 입력하세요. 누적을 중지할 경우 취소 버튼을 누르세요.");
sum += Number(val);
} while(val != null);
alert(`입력한 값들의 총합은 ${sum}입니다.`);
}
</script>continue와 break
반복문과 함께 사용된다는 특징이 있다.
1. continue
반복문 안에서 continue문을 만나면 그 이후 문장은 실행하지 않고 다음 반복을 시작한다. for/while문에서 사용 가능하다.
2. break
continue문과 다르게 반복문 안에서 break문을 만나면 그 이후 문장을 실행하지 않은 채로 반복문을 벗어난다.
즉 반복문을 그대로 끝낸다는 것과 같으며, 항상 if문과 함께 사용한다. for/while/switch문에서 사용 가능하다.
<script>
for(var i=1; i<=10; i++){
if(i%2==0){
// 짝수일 때 건너띄고 새로운 반복 시작
continue;
}
if(i==10) {
// i가 10이면 실행문을 행하지 않고 반복문을 벗어남
break;
}
console.log(i);
}
</scirpt>
'Js' 카테고리의 다른 글
| 7. 객체(object) (0) | 2022.08.18 |
|---|---|
| 6. 변수와 HTML 구조 설정 (0) | 2022.08.18 |
| 4. for문 (0) | 2022.08.17 |
| 3. 조건문/Swich문 (0) | 2022.08.15 |
| 2. 연산자 (0) | 2022.08.15 |
