JS BASIC | 조건문 (if, else, else if, switch)

1. 조건문(if) 기본 구조

if (조건식) {
  실행문;
  }

💡 중괄호 사용하기
중괄호가 없으면 들여쓰기를 하더라도 바로 다음 문만 조건문에 포함된다. 중괄호를 사용하지 않으면 조건문의 범위를 한눈에 알아보기 어려우므로 항상 실행문을 중괄호로 묶어 확실히 조건문의 일부임을 표시하는 것이 좋다.

if (false)
    console.log('Hello, if!');
    console.log('Bye, if');
< Bye, if
.
 //위의 식은 아래와 같다
if (false) {
   console.log('Hello, if!');
   }
   console.log('Bye, if');

2. else, else if

if (조건식) {
  실행문;
} else if (조건식) {
  실행문;
} else {
  실행문;
}

2-1. 중첩 if 문은 피해서 사용하기 (콜백사건..)

> let first = true;
  let second = false;
  if (first) {
    console.log('첫 번째 조건 충족!');
  if (second) {
      console.log('두 번째 조건도 충족!');
      } else {
      console.log('두 번째 조건은 불충족!');
      }
    } else {
      console.log('첫 번째 조건 불충족!');
   }
            
첫 번째 조건 충족!
두 번째 조건은 불충족!
            
//위의 식을 아래와 같이 수정하는 것이 권장된다.
> let first = true;
  let second = false;
  if (first && second) { //  first와 second 모두 true
    console.log('첫 번째 조건 충족!');
    console.log('두 번째 조건도 충족!');
  } else if (first) { //  first만 true
      console.log('첫 번째 조건 충족!');
      console.log('두 번째 조건은 불충족!');
  } else { //  둘 다 false
      console.log('첫 번째 조건 불충족!');
  }

3. switch

switch (조건식) {
  case 비교 조건식:
    실행문;
}

case문의 경우 일치하는 case를 발견하면 일치 여부와 상관없이 그 아래 case들의 실행문을 모두 실행한다. 따라서 원하는 결과만 얻으려면 break 문을 사용해 수동으로 case에서 빠져나와야 한다.
해당하는 값이 없다면 default 를 사용한다. 이는 if문에서 else와 같다.

> let value = 'B';
  switch (value) {
    case 'A':
      console.log('A');
      break;
    case 'B':
      console.log('B');
      break;
    case 'C':
      console.log('C');
      break;
    default:
      console.log('아무것도 일치하지 않음');
      break;
  }

  B

3-1. else if문과 swith문의 전환

> let fruit = '사과';
if (fruit === '사과') {
  console.log('사과입니다!');
} else if (fruit === '배') {
  console.log('배입니다!');
} else if (fruit === '포도') {
  console.log('포도입니다!');
} else {
  console.log('뭔지 모르겠습니다!');
}

> 사과입니다!
  
//두 조건문의 결과값은 동일하다
switch (fruit) {
  default:
    console.log('뭔지 모르겠습니다!');
    break;
  case '사과':
    console.log('사과입니다!');
    break;
  case '배':
    console.log('배입니다!');
    break;
  case '포도':
    console.log('포도입니다!');
    break;
}

3-2. 삼항 조건 연산자와 if문과의 전환

 let condition = true;
 let value = condition ? '참' : '거짓';
 console.log(value);

 //두 값은 동일하다
 let condition = true;
 if (condition) {
   value = '참';
 } else {
   value = '거짓';
 }
 console.log(value);