조건문 upgrade

조뮁·2022년 8월 25일
0

React-이론

목록 보기
4/12

여러가지 케이스 중에 포함되는지 판단

  • 한식인지 아닌지 판단하는 함수 작성
function isKoreanFood(food){
  if (food === '불고기' || food === '비빔밥' || food ===  '떡볶이') {
    return true;
  }
  return false;
}

const food1 = isKoreanFood('불고기');
const food2 = isKoreanFood('파스타');

console.log(food1);  // true
console.log(food2);  // false

: 한식의 종류가 너무 많아지게 되면 위와 같은 함수로 작성할 수 없음.

function isKoreanFood(food){
  if (['불고기', '떡볶이', '비비밥'].includes(food)) {
    return true;
  }
  return false;
}

const food1 = isKoreanFood('불고기');
const food2 = isKoreanFood('파스타');

console.log(food1);
console.log(food2);

: 배열 메소드(.includes)를 활용하여 긴 조건문을 단축할 수 있음.

주어진 값에 따라 다른 결과물 반환

  • 한식, 중식, 일식, 양식 여부를 받고 그 결과에 따라 대표 메뉴 반환하는 함수
const getMeal = (mealType) => {
  if(mealType === '한식') return '불고기';
  if(mealType === '양식') return '파스타';
  if(mealType === '중식') return '멘보샤';
  if(mealType === '일식') return '초밥';
  return '굶기';
}

console.log(getMeal('한식'));
console.log(getMeal('중식'));
console.log(getMeal('일식'));
console.log(getMeal('양식'));
  • 객체의 프로퍼티에 접근하는 괄호표기법을 이용하여 단축
const meal = {
  한식 : '불고기',
  중식 : '멘보샤',
  일식 : '초밥',
  양식 : '스테이크',
  인도식 : '카레',
}

const getMeal = (mealType) => {
  return meal[mealType] || '굶기';
}

console.log(getMeal('한식'));
console.log(getMeal('양식'));
console.log(getMeal('지중해식'));

참고: 객체 프로퍼티 접근 방법
https://developer-talk.tistory.com/155

0개의 댓글