[JS] 조건문 업그레이드

function isKoreanCompany(company) {
  if (company === "네이버" || company === "카카오" || company === "배민") {
    return true;
  }
  return false;
}

const company1 = isKoreanCompany("네이버");
const company2 = isKoreanCompany("구글");
console.log(company1);
console.log(company2);

위의 코드는 한국 기업인지 확인하는 로직을 가진 프로그램입니다. 코드를 좀 더 좋게 바꿔보겠습니다.

const companys = ["네이버", "카카오", "배민"];

function isKoreanCompany(company) {
  if (companys.includes(company)) {
    return true;
  }
  return false;
}

const company1 = isKoreanCompany("네이버");
const company2 = isKoreanCompany("구글");
console.log(company1);
console.log(company2);

배열로 바꿔 배열 안에 회사를 넣고 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("라면")); // 굶기

이 코드도 나은 코드로 변경해 보도록 하겠습니다.

const meal = {
  한식: "불고기",
  양식: "햄버거",
  중식: "짜장면",
  일식: "초밥"
};

const getMeal = (mealType) => meal[mealType] || "굶기";

console.log(getMeal("한식")); // 불고기
console.log(getMeal("중식")); // 짜장면
console.log(getMeal("라면")); // 굶기

추가적으로 데이터를 추가해야할 때 meal 객체의 key와 value 만 추가하면 되게 됩니다.

해당 게시글은 인프런 강의
"한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지(이정환)"
를 정리한 내용입니다. 쉽게 잘 설명해주시니 여러분도 강의를 듣는 것을 추천드립니다.