예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brake문&Continue문</title>
</head>
<body>
<h2>break문</h2>
<p id="break1"></p>
<hr/>
<h2>continue문</h2>
<p id="continue1"></p>
</body>
<script>
// id는 중복 허용 x class는 중복 허용 o
const breaktext = document.querySelector("#break1");
const continuetext = document.getElementById("continue1");
let text = "";
for(let i = 1; i<=10; i++){
if(i == 6){
break; //break는 가장 가까운 반복문을 찾아감
}
text += ` break number is = ${i} <br/>`;
}
breaktext.innerHTML = text;
text = "";
for(let i = 1; i<=10; i++){
if(i%3 ==0){
continue;
}
text += ` continue number is = ${i} <br/>`;
}
continuetext.innerHTML = text;
</script>
</html>
실행결과
설명
| break | 반복문 안에서 사용되며 원래 반복문의 조건이 아닌 중간에 반복문을 종료 시키고 싶을 때 사용한다. 중첩 반복문에선 break와 가장 가까운 반복문만 종료한다. |
| continue | 반복문 안에서 사용되며 원래 반복문의 조건에서 특정 구간을 실행하지 않고 다음 구간으로 넘어갈 때 사용된다. |
'javascript' 카테고리의 다른 글
| javascript 오브젝트 (0) | 2022.02.09 |
|---|---|
| javascript 배열 (0) | 2022.02.09 |
| javascript 반복문 while (0) | 2022.02.09 |
| javascript 반복문 for (0) | 2022.02.08 |
| javascript 조건문 switch (0) | 2022.02.07 |
