[책] 자바스크립트 코드 레시피 278 - 8일차

조건문 사용하기 ( if )

• 조건을 만족하는 데이터를 처리하고 싶을 때

구문

조건에 따른 처리가 이루어지는 코딩이 많습니다. 자바스크립트는 if/else 를 사용하여 조건에 따른 처리가 가능합니다.

  if (조건이 참이어야) {
    여기 있는 코드 실행
  } else if (두번 째 조건이 참이어야) {
    여기 있는 코드 실행
  } else {
    두번 째 코드가 거짓이면 여기 있는 코드 실행
  }

실습

myPrice 의 데이터값이 100 이면?

  const myPrice = 100;
  if (myPrice >= 50) {
    alert('myPrice는 50 이상입니다.');
  } else if (myPrice >= 10) {
    alert('myPrice는 10 이상 50 미만입니다.');
  } else {
    alert('myPrice는 10 미만입니다.');
  }

myPrice 의 데이터값이 20 이면?

  const myPrice = 20;
  if (myPrice >= 50) {
    alert('myPrice는 50 이상입니다.');
  } else if (myPrice >= 10) {
    alert('myPrice는 10 이상 50 미만입니다.');
  } else {
    alert('myPrice는 10 미만입니다.');
  }

myPrice 의 데이터값이 1 이면?

  const myPrice = 1;
  if (myPrice >= 50) {
    alert('myPrice는 50 이상입니다.');
  } else if (myPrice >= 10) {
    alert('myPrice는 10 이상 50 미만입니다.');
  } else {
    alert('myPrice는 10 미만입니다.');
  }

생략할 수 있는 조건문 사용

else if 와 else 는 필요에 따라 구문의 생략도 가능합니다. 필요에 따라 생략 가능합니다.

구문

{ } 코드가 한 줄이면 생략 가능합니다.

  if (조건문) 코드 내용;

실습

생략하지 않고 사용한 코드

  if (true) {
    console.log('Hello');
  }

  const randomNum = Math.random() * 10;

  if (randomNum >= 5) {
    console.log('randomNum는 5 이상');
  } else {
    console.log('randomNum는 5 미만');
  }

생략하고 사용한 코드

  if (true) {
    console.log('Hello');
  }

  const randomNum = Math.random() * 10;

  if (randomNum >= 5) console.log('randomNum는 5 이상');
  else console.log('randomNum는 5 미만');