break는 자바스크립트에서 보통 반복문을 중단시키는 역할을 한다. 반복문을 사용하는 목적은 많지만, 특정 조건에서 반복을 중단시킬 필요가 있을 때 break 구문을 사용한다. 필요시 함수 내의 실행을 중단시킬 수도 있는데, 모든 실행의 중단에는 조건이 필요하다.
자바스크립트 break 구문 사용
using javascript break statement
break 문은 여러 프로그래밍언어에서 자주 사용할 수도 그렇지 않을 수도 있지만, 익혀두면 편하다.
자바스크립트의 break 구문도 같은 역할을 하는데 실행 중인 코드를 중단시킬 수도 있고, 반복문의 경우 반복을 특정 조건에서 중단시킬 수 있다.
개발 중에는 테스트로 break 구문을 자주 사용할 수도 있고, 반복문을 사용하는 경우는 프로그램을 중단시키거나 특정 조건에서 중단시키는 등의 역할을 한다.
break 구문 반복문의 실행을 중단
자바스크립트에서 break 구문은 보통 반복문에서 자주 사용된다.
특정 조건을 만났을 때 반복을 중단시키는 역할을 하는데, 프로그램의 실행이나 구동 등의 중단 등에서도 사용된다.
또는 어떤 조건을 만났을 때 반복을 중단할 필요가 있는데 그런 경우에도 break 구문은 유용하다.
아래는 break 구문을 사용하는 것을 보여준다.
for( ~ ) {
if ( 조건 ) {
break;
}
}
while( ~ ) {
if ( 조건 ) {
break;
}
}샘플코드
위의 내용으로 break 구문을 사용하는 자바스크립트 예제를 만들어 본다.
json 형태의 데이터와 배열 형태의 데이터를 이용하여 반복을 하며 특정 조건을 만들어 조건이 참이라면 반복을 중단시키도록 하였다.
코드를 보자.
<!DOCTYPE html>
<html>
<body>
<script>
let _loop = 0;
console.log('----------');
const arrComp = [
{"기종":"노트북1", "CPU":"Intel-i5", "RAM":"256MB"},
{"기종":"노트북2", "CPU":"Intel-i7", "RAM":"512MB"},
{"기종":"노트북3", "CPU":"AMD", "RAM":"1024MB"}
];
_loop = 0;
for( ; arrComp[_loop] ; ) {
if(_loop==1) {
break;
}
console.log(_loop + "번째", arrComp[_loop]);
_loop++;
}
console.log('----------');
const arrStock = ["다우산업", "나스닥", "홍콩H", "상해종합", "니케이225"];
_loop = 0;
while ( arrStock[_loop] ) {
if( arrStock[_loop] == "홍콩H") {
break;
}
console.log( _loop + "번째", arrStock[_loop] );
_loop++;
}
console.log('----------');
</script>
</body>
</html>코드가 길어보이지만 break 구문이 들어간 부분만 보면 된다.
일반적인 반복문이라면 모두 값을 출력하겠지만, 특정 조건을 만났기 때문에 반복이 중단된 것을 볼 수 있다.
조건이 참이 되기 전까지는 결과를 출력하지만, 조건이 참일 경우 이후의 값은 출력되지 않는다.
결과 화면을 보자.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 반복 가능 객체 Iterables 사용 하기 using javascript iterables object (0) | 2022.05.27 |
|---|---|
| 자바스크립트 continue 문 사용 하기 using javascript continue statement (0) | 2022.05.23 |
| 자바스크립트 반복문 for 와 while 초기값 생략과 비교 comparing loop for and while (0) | 2022.05.14 |
| 자바스크립트 do while 반복문 사용 using javascript do while loop (0) | 2022.05.10 |
| 자바스크립트 while 반복문 사용 using javascript while loop statement (0) | 2022.05.02 |
댓글