단축 평가 논리 계산법(short-circuit evaluation)

jini.choi·2022년 5월 17일
0

유용한 JS 문법

목록 보기
3/9

논리 연산자를 사용해서 코드를 더 짧게 쓰는 것을 의미

AND연산자

  • AND연산자는 앞에 오는 것이 true뒤에 것이 출력, false앞에 것이 출력
  • 특정 값이 유효할 때만 어떤 값을 조회해야 되는 상황에 사용한다.
const dog = {
	name : '멍멍이'
};

function getName(animal){
	return animal && animal.name;
}

const name = getName(dog);
console.log(name); //멍멍이

const name = getName();
console.log(name); //undefined
const object = {name : 'jini'};

const name = object && object.name;

console.log(name); //jini //object가 null일시 null출력

OR연산자

  • OR연산자는 어떤 값이 falsy하면 대체로 사용할 값을 지정, 매우 유용!
  • 앞에 오는 것이 true앞에 것 출력, false뒤에 것 출력
const namelessDog = {
	name : '', //flasy한 값
};

function getName(animal){
	const name = animal && animal.name;
	return name || '이름이 없는 동물입니다.';
}

const name = getName(namelessDog);
console.log(name);

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

profile
개발짜🏃‍♀️

0개의 댓글