<JS> while문

윤건호·2022년 3월 18일
0

자바스크립트

목록 보기
1/26
post-thumbnail

while문은 주어진 조건식의 평가결과로 코드를 실행한다.

당연히 평가결과가 참일때 실행된다

var count = 0;
while (count < 3) { (count < 3) 조건이 false가 될때까지 실행한다.
console.log(count); //
count++;
}

주로 while문은 반복 횟수가 불명확할때 사용한다.

while문 사용 시 주의점

// 무한루프
while(true) {
console.log(무한루프);
}

위와 같은 조건식이 항상 true 인 경우에 끝나지 않는 무한루프에 빠지게 된다.

위처럼 true 라는 조건을 직접 주는 경우보다는 조건식 자체가 항상

true 를 반환하는 코드를 작성했는지에 대한 조심성이 필요하다.

break문

const testCode = 1;
while(testCode < 3) {
console.log("첫번째 실행입니다.");
break;
console.log("두번째 실행입니다.");
console.log("세번째 실행입니다.");
}

위 코드를 실행하면 while문 안에서 break문 실행으로 인해
break 이후 코드블럭을 탈출하게 된다.

결과 : 첫번째 실행입니다.

참고적으로 while문 포함 레이블 문에서의 break 실행이 위와 같고
그 외 사용할 시 문법 에러가 발생한다.

레이블 문 : 식별자가 붙은 문

break문의 활용

break문으로 특정 문자의 인덱스를 찾아내고 불필요한 실행을 하지 않기 위해
활용하는 예다

let string = "hello world";
let search = "l";
let index;

for (let i = 0; i < string.length; i++) {
if (string[i] === search) {
// for문으로 string("hello world") 을 순회하다가 search 'l' 을 만나게 된다면.
index = i; // l의 인덱스를 i에 할당하겠다.
break;
}
}

console.log(index); // 0 1 2 순으로 'l' 은 2니까 2 출력.
필요한 정보까지 순회 후 종료

continue문

continue문은 코드 블록 실행을 현 지점에서 중단하고
반복문의 증감식으로 실행 흐름을 이동시킨다.

var string = "hello world";
var search = "l";
var count = 0;
for (var i = 0; i < string.length; i++) {
// 'l' 이 아니면 현 지점에서 실행을 중단하고 반복문의 증감식으로 이동한다.
if (string[i] !== search) continue;
count++; //
continue문의 실행으로 위 count++;는 실행되지 않는다.
}
console.log(count);

코드가 한줄이라면 효율이 떨어지지만 if문 내에서 실행해야할 코드가 길다면
continue문으로 인해 가독성이 좋아지게 된다.

profile
더 배우고 싶은 프론트엔드 개발자 윤건호입니다.

0개의 댓글