일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 타입스크립트
- react
- 프론트엔드 스쿨
- 개발자
- 프론트
- 리액트
- 공식문서
- JS
- Tanstack
- hooks
- 개발공부
- 콜백
- props
- components
- TypeScript
- CSS
- Tanstack Query
- 부트캠프
- TS
- 인터넷
- 리액트쿼리
- 자바스크립트
- 프론트엔드
- 개발
- HTML
- 제로베이스
- 조건문
- 탄스택쿼리
- JavaScript
- 코딩
Archives
- Today
- Total
SUE 개발 블로그
자바스크립트 조건문 업그레이드 본문
1. 주어진 문자열이 한식에 해당되는지 검수하는 함수
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
를 좀 더 간략하게 includes를 응용한 조건문.
function isKoreanFood(food) {
if (["불고기", "떡볶이", "비빔밥"].includes(food)) {
return true;
}
return false;
}
2. 주어진 값에 따라서 각각 다른 결과물을 반환하는 함수.
// 한식, 중식, 양식, 일식인지를 받고 각각 대표메뉴를 반환하는 함수
const getMeal = (mealType) => {
if (mealType === "한식") return "불고기";
if (mealType === "양식") return "파스타";
if (mealType === "중식") return "멘보샤";
if (mealType === "일식") return "초밥";
return "굶기";
};
console.log(getMeal("한식")); // 불고기
console.log(getMeal("양식")); // 파스타
주어지는 유형들이 훨씬 더 많다면 ? ( 인도식, 영국식, 베트남식 등등 ) => 괄호 표기법을 이용해 혁신적으로 해결가능 !
const meal = {
한식: "불고기",
중식: "멘보샤",
일식: "초밥",
양식: "스테이크",
인도식: "카레",
베트남식: "쌀국수"
};
const getMeal = (mealType) => {
return meal[mealType] || "굶기";
};
console.log(getMeal("중식")); // 멘보샤
'JavaScript' 카테고리의 다른 글
자바스크립트 spread 연산자 (0) | 2023.12.12 |
---|---|
자바스크립트 비구조화 할당 (0) | 2023.12.11 |
자바스크립트 단락회로 평가 (0) | 2023.12.11 |
자바스크립트 삼항 연산자 (2) | 2023.11.30 |
자바스크립트 참 같은 값, 거짓 같은 값 Truthy & Falsy (0) | 2023.11.30 |