[JS]조건문(if문, swich, 조건문응용)

Hyoyoung Kim·2022년 8월 9일
0

React TIL

목록 보기
2/40

1. swich

let contry = "ko"

if(country === "ko"){
console.log("한국");
}else if(country === "cn"){
console.log("중국");
}else if(country === "jp"){
console.log("일본");
}else {
console.log("미분류");
}

위의 코드는 적을게 넘 많으니깐
아래 방식으로도 적을 수 있다.

let country = "ko";

switch(country){
// swith문에서 country를 case별로 비교한다.
	case 'ko':
     console.log("한국");
     //만약 country가 ko라면 한국을 콘솔창에 띄운다.
     break;
     //만약 break를 안 써준 상태에서 country가 ko이라면 
     //아래 있는 코드까지 다 콘솔창에 띄워지게 된다. 
     //그래서 case가 맞다면 멈춰주는 break를 적어줘야 한다.
	case 'cn':
     console.log("중국");
     break;
    case 'jp':
     console.log("일본");
     break;
    case 'uk':
     console.log("영국");
     break;
    default :
    //모든 case가 하나도 안맞았을떄 수행한다. 
     console.log("미분류");
}

2. 조건문 응용

1) includes를 이용해서 조건문 간단하게 만들기


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

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

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

2) 객체의 괄호표기법으로 조건문 간단하게 만들기


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());//굶기


//* 위의 코드를 괄호표기법을 사용한다면?*

const meal = {
  한식:"불고기",
  중식:"멘보샤",
  일식:"초밥",
  양식:"스테이크",
}

const getMeal = (mealType) => {
  return meal[mealType] || "굶기";
  // 만약 meal에 특정 요소가 없다면 meal[mealType]은 falsy가 되기에
  // 뒤의 truthy값인 피연산자 "굶기"가 출력된다.
};

console.log(getMeal("한식"));//불고기
// getEeal이라는 함수에 '한식'이라는 인자를 매개변수로 전달한다면
// meal이라는 객체에서 키가 '한식'인 것의 value를 가져온다. 
console.log(getMeal());//굶기

0개의 댓글