[Javascript] 조건문과 반복문

MinJae·2024년 9월 10일

Javascript

목록 보기

4/15

조건문은 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정합니다.
조건식은 불리언 값으로평가 될 수 있는 표현이고 자바스크립트는 if ... else 문과 switch 문을 제공합니다.

 if (조건식) {
  // 조건식이 true이면 이 코드 블록 실행
 } else {
  // 조건식이 false이면 이 코드 블록 실행
 }

if 문의 조건식은 불리언 값으로 평가되어야 합니다. 만약 if 문의 조건식이 불리언 값이 아닌 값으로 평가되면 자바스크립트 엔진에 의해 암묵적으로 불리언 값으로 강제 변환되어 실행할 코드 블록을 결정합니다.

if (조건) {
 // 만약 조건(condition)이 참일 경우 실행할 코드
}

// 실행할 다른 코드

반드시 else를 포함하지 않아도 됩니다. 하지만 위 코드의 두 번째 블록은 조건문에 의해 제어되지 않아 항상 동작합니다.

if (조건식1) {
 // 조건식1이 참이면 이 코드 블록이 실행
} else if (조건식2) {
 // 조건식2이 참이면 이 코드 블록이 실행
} else {
 // 조건식1과 조건식2가 모두 거짓이면 이 코드 블록이 실행
}

조건식을 추가하여 조건에 따라 실행될 코드 블록을 추가하고 싶으면 else if 문을 사용합니다.

switch 문은 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case 문으로 실행 흐름을 옮깁니다. switch 문의 표현식과 일치하는 case 문이 없다면 default 문으로 이동합니다. default 문은 필수가 아닌 선택사항입니다.

switch (표현식) {
 case 표현식1:
 // 표현식과 표현식1이 일치하면 실행
  break;
 case 표현식2:
 // 표현식과 표현식2이 일치하면 실행
  break;
 default:
 // 표현식과 일치하는 case 문이 없을 때 실행
}

조건이 너무 많으면 if ... else 문보다 switch 문을 사용하면 가독성이 좋아질 수 있습니다.

for 문은 조건식이 거짓으로 평가될 때까지 코드 블록을 반복 실행합니다. for 문은 가장 일반적으로 사용되고 매우 중요합니다.

for (초기화식; 조건식; 증감식) {
 // 실행 코드
}

for (let i=0;i<=10;i++) {
 console.log(i);
}

위 코드처럼 for 문을 사용하면 0부터 10까지가 출력됩니다.

for (let i=2;i<=9;i++) {
  for (let j=1;j<=9;j++) {
    console.log(`${i} x ${j} = ${i*j}`);
  }
}

for 문 내에 for 문을 중첩할 수 있습니다. 이를 중첩 for 문이라 합니다. 위 코드는 이중 중첩 for 문으로 구구단 2단부터 9단까지 출력됩니다

while 문은 주어진 조건식 평가 결과가 참이면 코드 블럭을 계속해서 반복 실행합니다. for 문과 다르게 while 문은 반복 횟수가 불명확할 때 주로 사용합니다.

while 문은 조건문의 평가 결과가 거짓이 되면 코드 블록을 실행하지 않고 종료합니다. 만약 조건식의 평가 결과가 불리언 값이 아니면 불리언 값으로 강제 변환하여 논리적 참, 거짓을 구별합니다.

let count = 0;

while (count<5) {
 console.log(count);
 count++;
}

위 코드는 count가 5보다 작을 때까지 코드 블록을 계속 반복 실행합니다. 0부터 4까지 출력되고 count가 5가 되며 반복문이 종료됩니다.

조건식의 평가 결과가 언제나 참이면 무한루프가 됩니다. 무한루프에서 탈출하기 위해서는 코드 블록 내에 if 문으로 탈출 조건을 만들고 break 문으로 코드 블록을 탈출합니다.

let count = 0;

while(true) {
 console.log(count);
 count++;
 
 if(count === 5) {
 break;
 }
}

✅ 참고

고양이 간식 사줄려고 개발하는 사람