본문 바로가기
JavaScript

제어문

by 해-온 2023. 2. 19.

 

🍯 조건문

if 문 

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

 

조건식의 평과 결과가 true일 경우 if문의 코드가 실행되고, false일 경우 else문의 코드가 실행된다.

 

let emotion = 'happy';

if (emotion === 'happy') {
  console.log('😁');
} else if (emotion === 'sad') {
  console.log('🥲');
} else {
  console.log('🤔');
}

 

조건을 더 늘리고 싶다면 else if를 사용해 추가하면 된다.

 

삼항연산자

if 조건문은 삼항 연산자로 바꿔 작성할 수 있다.

위의 예시를 삼항 연산자로 바꾸어보자.

 

let emotion = 'happy';
emotion === 'happy' ? console.log('😁') : console.log('🥲');

 

위 식은 더 간단하게 쓸 수 있다.

 

let emotion === 'happy' ? '😁' : '🥲';
console.log(emotion);

 

switch문

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

 

정해진 범위 안의 값에 대해 특정한 일을 해야 하는 경우 쓰면 좋다.

 

let day = 1;

switch (day) {
  case 1:
    dayName = '월요일';
    break;
  case 2:
    dayName = '화요일';
    break;
  case 3:
    dayName = '수요일';
    break;
  case 4:
    dayName = '목요일';
    break;
  case 5:
    dayName = '금요일';
    break;
  case 6:
    dayName = '토요일';
    break;
  case 7:
    dayName = '일요일';
    break;
  default:
    console.log('해당하는 요일이 없습니다.');
}
console.log(dayName); //월요일

 

조건에 해당하면 switch문을 탈출해야 한다.

이때, 각 case의 break문을 통해 탈출한다.

만약 작성하지 않을 경우, 조건이 일치했어도 switch문이 끝날 때까지 모든 case와 default문을 실행한다.

 

🍯 반복문

for문

반복문의 경우 조건식이 거짓일 때까지 반복된다.

참인 경우 코드 블록을 실행하고. 다시 평가하고 참일 경우 또다시 실행한다.

 

for(변수 선언문; 조건식; 증감식) {
// 조건식이 참일 경우 반복 실행될 문
}

 

for (let i = 0; i < 5; i++) {
  console.log(i);
}
//0
//1
//2
//3
//4

 

for문 안에 for문을 중첩해서 사용할 수 있다.

 

for (let i = 0; i < 5; i++) {
  for (let j = 0; j < 5; j++) {
    console.log(i, j);
  }
}

//0 0
//0 1
//0 2
//0 3
//0 4
//1 0
//1 1
//1 2
//1 3
//1 4
//2 0
//2 1
//2 2
//2 3
//2 4
//3 0
//3 1
//3 2
//3 3
//3 4
//4 0
//4 1
//4 2
//4 3
//4 4

 

 

for문 안에 어떤 식을 사용하지 않아도 돌아간다.

다만, 코드 블록을 무한히 반복 실행하는 무한 루프에 빠지게 된다.

 

for (;;) {
   console.log('💩');
 }

//💩
//💩
//💩
//💩
//💩
...

 

while문

while문은 조건식의 평과 결과가 참인 경우 코드 블록을 계속 실행한다.

보통 for문의 경우 반복 횟수가 명확한 경우 사용하고, while문은 불명확할 때 사용한다.

 

while(true){ }

 

let num = 5;
while (num >= 0) {
  console.log(num);
  num--;
}

//5
//4
//3
//2
//1
//0

 

이 또한 무한루프에 빠지기 쉽다. 

따라서 코드 블록 내에 if문으로 탈출 조건을 만들고 break문으로 탈출한다.

 

let num = 0;
while (true) {
  console.log(num);
  num++;
  
  if(num === 3) break;
}

 

do ... while문

do ... while문의 경우 do에 해당하는 코드블록을 먼저 실행하고 조건식을 평가한다.

 

do{
	console.log('do 실행')
} while (false);

//do 실행

 

 

'JavaScript' 카테고리의 다른 글

객체  (0) 2023.02.21
함수  (0) 2023.02.19
연산자  (0) 2023.02.19
변수와 데이터 타입  (0) 2023.02.13
함수 이름 짓기  (0) 2022.10.27

댓글