Dev-dotoli TIL

JS 10-2 break



반복문

demo11.html

break


반복문의 작업을 중단 시키고 싶다면?

for (var i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  document.write("coding everyday" + i + "<br>");
}

실행해보면

coding everyday0
coding everyday1
coding everyday2
coding everyday3
coding everyday4

위와 같이 5번째 반복에서 종료가 됨

for문의 조건에 따르면 10번째까지 지속되어야 하지만
if문으로 삽입한 break때문에 i값이 5가 되었을 때 반복문이 종료 됨


continue


그럼 실행을 즉시 중단하면서 반복은 지속되게 하려면?

for (var i = 0; i < 5; i++) {
  if (i === 2) {
    continue;
  }
  document.write("coding everyday" + i + "<br>");
}

결과는

coding everyday0
coding everyday1
coding everyday3
coding everyday4

숫자2가 포함된 3번째 코드가 실행되지 않고 나머지 코드만 실행됨

  • i값이 2가 되었을 때 실행이 중단되어
  • coutinue이후의 구문이 실행되지 않음
  • 하지만 반복문은 지속되어 나머지 결과는 출력됨



반복문의 중첩


반복문 안에는 다시 반복문이 나타날 수 있음
다음 예제는 ‘coding00’, 01, 02…99까지를 화면에 출력함

for (var i = 0; i < 10; i++) {
  for (var j = 0; j < 10; j++) {
    document.write("coding" + i + j + "<br>");
  }
}

debuger의 순서에 따르면

  • 먼저 제일 안쪽에 j값이 순환되고
  • j < 10에 도달하면
  • 바깥으로 나가서 i값 실행
  • 다시 안으로 들어와서 j값 실행



debuger


개발자도구+디버거 로 코드가 실행되는 순서, 상황을 확인가능

개발자 도구에서 디버그할 줄을 클릭 - 우측 재생버튼
감시- i, j 같은 변수값을 직접 입력해서 추적가능함
범위, 전역 에서 모든 실행상황을 볼 수 있음
다시 해당줄을 클릭하고 - 우측 재생버튼을 눌러주면
디버그는 종료되고 코드가 계속 실행됨


  • debug: bug를 제거하는행위
  • debuger: debug를 돕는 도구
  • syntax error: 구문 오류
  • String: 예약어는 대소문자 구분을 잘 해야한다



단순히 글자를 반복 출력하기위해 사용한다고 생각할 수도 있음
하지만 반복문의 진가는 배열과 결합했을 때 나타남
다음 토픽인 배열에서 반복문의 진가를 살펴볼 것