[Basic] JS - Break - 반복문중단 (= 브레이크) ★ / Continue - 반복문건너뛰기 (= 컨티뉴) ★ / Label 라벨 붙이기

목차

1. break / continue 차이점
2. break 예제 - 반복문 탈출 / 블럭 탈출
3. continue 예제 - 건너뛰고 반복 계속 진행

break / continue 차이점

[break 키워드]

  

• 반복문 O 경우: 반복 중단 후 반복문 빠져나기기.
• 반복문 X 경우, 지정 블럭 빠져나가기.

 

---

[continue 키워드]

 

• 지정 조건 충족 시, 해당 조건 때만 건너뛰고 계속 반복 진행.

 

break 예제 - 반복문 탈출 / 블럭 탈출

[반복문 탈출]

 

<p id="demo"></p>

<script>

var text = "";

var i;

for (i = 0; i < 10; i++) {

  if (i === 3) { break; }

  text += i + ", ";

}

document.getElementById("demo").innerHTML = text;

</script>

 

결과보기 (결과값: 0, 1, 2,)

---

[블럭 탈출]

(예) Label 붙이기

<p id="demo"></p>

<script>

var code = ["HTML", "CSS", "JS"];

var text = "";

list: {

  text += code[0] + ", "; 

  text += code[1] + ", "; 

  break list;

  text += code[2] + ", "; 

}

document.getElementById("demo").innerHTML = text;

</script>

 

결과보기 (결과값: HTML, CSS,) 

continue 예제 - 건너뛰고 반복 계속 진행

 

<p id="demo"></p>

<script>

var text = "";

var i;

for (i = 0; i < 10; i++) {

  if (i === 3) { continue; }

  text += "i + " / ";

}

document.getElementById("demo").innerHTML = text;

</script>

 

결과보기 (결과값: 0, 1, 2, 4, 5, 6, 7, 8, 9,)