PinkCoding

CLASS web

JavaScript

continue문과 break문

continue문

어떠한 행위를 하다가 continue문을 만나면 해야할 명령문을 실행하지 않고 그 다음 명령문을 실행하는 명령문 입니다.

한번 보도록 할까요?

상황은 for문에서 1부터 10까지 출력을 하고 있는데 7일 출력될 순서에 continue문을 만나서 7이 출력이 되지 않고 8가 출력이 되는 상황입니다. ^-^ if문을 사용할꺼 구요.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<style type="text/css">
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js" ></script>
<script type="text/javascript">
  for(a = 1; a <= 10; a++){
    if(a == 7){
      continue;
    }
    document.write(a+"<br />");
  }
</script>
</head>
<body>
</body>
</html>

결과는 바로 아래에서 확인할 수 있습니다.

PLAY

위의 소스의 결과를 보면 7이 나올 차례에 if문을 사용하여a가7일때 continue; 명령문 실행하도록 하였으므로 7이 출력되지 않고 그 다음으로 넘어갔습니다.

break문

break문은 if, switch, for,while문등에서 break문을 만나면 바로 빠져나가는 명령문 입니다.

즉 1에서 7부터 출력하게 프로그래밍 했는데 7일때 break문을 실행되도록 했다면 7부터는 출력이 되지 않습니다. 이유는 break문은 수행중이던 조건문이나 반복문을 빠져나가버리기 때문이죠. 위의 예제에서 continue를 break로 변경하여 결과를 확인해 보도록 합시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<style type="text/css">
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js" ></script>
<script type="text/javascript">
  for(a = 1; a <= 10; a++){
    if(a == 7){
      break;
    }
    document.write(a+"<br />");
  }
</script>
</head>
<body>
</body>
</html>

결과는 바로 아래에서 확인할 수 있습니다.

PLAY

위의 결과에서 보면 7부터는 출력이 되지 않는걸 볼 수 있습니다. 7을 출력할 차례에 브레이크문을 만났기 때문이죠.^^

이걸로 마치겠습니다. ^^

다음 콘텐츠

confirm창