조건문 더 스마트하게 쓰기

case1

• 특정 값이 여러 값 중에 하나인지 확인 할 때 상황
• includes배열 내장 함수 - 문자열이 특정 문자열을 포함하는지 확인하는 메서드

function inAnimal(text){
	const animals = ['고양이', '개', '거북이', '너구리'];
	return animals.includes(text); 
	//배열 안에 text가 존재 한다면 true
}

console.log(isAnimal('개'));
console.log(isAnimal('노트북'));

화살표 함수

const isAnimal = (text) => ['개', '고양이', '거북이', '너구리'].includes(text);

console.log(isAnimal('개'));
console.log(isAnimal('노트북'));

case2

• 어떤 값을 넣어주냐에 따라 다른 결과물을 반황해야 되는 상황

function getSound(animal){
	const sounds = {
		개 : '멍',
		고양이 : '냥',
		염소 : '메'
	};
	return sounds[animal] || '...?';
}

console.log(getSound('개'));
console.log(getSound('고양이'));
console.log(getSound('염소'));
console.log(getSound('고라니'));

case3

• 특정 값이 무엇으로 주어지느냐에 따라서 다른 코드를 실행하고 싶은 경우

function makeSound(animal){
	const tasks = {
		개: () => {
			console.log('멍');	
		},
		고양이: () => {
			console.log('냥');	
		}
	}
	const task = tasks[animal];

	if(!task){
		console.log('...?');
		return;
	}
	task;
}

makeSound('개');
makeSound('고양이');
makeSound('염소');

---

이 글은 패스트캠퍼스 '프론트엔드(React)올인원패키지Online'을 수강하며 정리한 노트입니다.
https://fastcampus.co.kr/search?keyword=%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C