• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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,)


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
Basic JS - String Methods - JS문자열메서드
Basic JS - Number - JS숫자
Basic JS - Number Method - JS숫자메서드
Basic JS - Math 객체 - JS수학객체 (= JS산수객체 = Math객체 = Math Object = 매스 …
Basic JS - Dates - JS날짜
1/67
목록
찾아주셔서 감사합니다. Since 2012