[자바스크립트] 제어문 (조건문, 반복문)

if ... else문 삼항 연산자

if (x % 2) {   // 2 % 2는 0이고 0은 false로 취급된다.
  result = '홀수';
} else {
  result = '짝수';
}

위의 코드는 삼항 연산자를 사용하여 아래의 코드로 바꿀 수 있으며

var result = x % 2 ? '홀수' : '짝수';
console.log(result);   // 짝수

삼항 연산자도 표현식이기 때문에 다른 표현식과 중첩하여(다른 표현식의 일부가 되어) 사용할 수 있음

var num = 2;

// 0은 false로 취급된다.
var kind = num ? (num > 0 ? '양수' : '음수') : '영';
console.log(kind); // 양수

switch문

switch (매개변수) {
    case 1:
    	표현식;
        break;
        
    case 2:
    	표현식;
        break;
        
    case 3:
    	표현식;
        break;
        
    default:
    	표현식;   // default문에서는 break문의 생략 가능.
}

while문

while (조건식) {
    ...
}

조건식의 결과가 계속 true라면 무한루프가 생성됨. 무한루프를 탈출하려면 if를 사용하여 탈출을 위한 조건문을 작성하고 break를 작성하면 탈출할 수 있음.

do ... while문

do {
	
} while(조건식);

do ... while문은 다른 조건문, 반복문들과 다르게 블럭으로 감싸진 코드를 먼저 실행한 후, 조건식을 평가함. 따라서 블록 안의 코드가 무조건 한 번 이상 실행됨.

break문

레이블 문, 반복문, switch문 등의 코드 블록에서 동작.
그 이외의 코드 블록에는 사용하면 문법 에러 발생. (조건식에서 사용 불가.)

// outer라는 식별자가 붙은 레이블 for 문
outer: for (var i = 0; i < 3; i++) {
  for (var j = 0; j < 3; j++) {
    // i + j === 3이면 외부 for 문을 탈출한다.
    if (i + j === 3) break outer;
  }
}

continue문

for (var i = 0; i < string.length; i++) {
  if (string[i] !== 'l')
      continue; // if문에 해당되는 코드가 한 줄이라면 굳이 들여쓰기 하지 않아도.. ok
  count++;
}   // continue문이 실행되면 continue문 아래에 있는 코드는 실행되지 않고 i의 증감식으로 이동

🎁 참조 및 출처

• https://poiemaweb.com/js-control-flow
• https://runtoyourdream.tistory.com/221