단축평가

논리연산자 단축평가

const dog = {a: "시바견", b: "포메마리안"}
const aName = dog.a

보통 위와 같은 방법으로 배열에서 필요한 데이터를 추출하여 사용하게 된다.
하지만, 만약 dog의 배열이 null이거나 undefined가 된다면 오류가 발생하게 될 것이다.
이러한 상황은 리액트를 이용하다보면 자주 일어날 수 있다.
새로고침을 했을 경우 리덕스에 저장되어 있는 데이터가 날라가버려서 오류가 발생할 수 도 있다.

이와 같은 경우에 단축평가를 사용한다.

const dog = {a: "시바견", b: "포메마리안"}
const aName = dog || "이름이 없습니다."

|| 연산자를 이용하면 dog 값이 없을 경우 "이름이 없습니다."를 할당하게 된다.

예시

console.log(true && 'hello'); // hello
console.log(false && 'hello'); // false
console.log('hello' && 'bye'); // bye
console.log(null && 'hello'); // null
console.log(undefined && 'hello'); // undefined
console.log('' && 'hello'); // ''
console.log(0 && 'hello'); // 0
console.log(1 && 'hello'); // hello
console.log(1 && 1); // 1