[JS] 단축 평가

안녕하세요 hp입니다 :)

오늘은 저번 포스팅에 이어서 단축 평가 논리에 대해서 정리해보겠습니다.

📚 개념

단축 평가 논리 연산은 논리 연산자 ( || , && )를 사용하여 값을 평가하는 방법을 말합니다.

먼저 논리곱(&&)을 통한 단축 평가 방식을 살펴보겠습니다.

논리곱을 통한 단축 평가 방식을 보면 조건1 && 조건2로 이루어졌다고 가정했을때

조건1이 Truthy일 경우에는 조건2의 값이 , 조건1이 Falsy일 경우에는 조건1의 값이 나타나는것을 말합니다.

console.log(true && 'hello'); // hello
console.log('hello' && 'hp'); // hp
console.log(false && 'hello'); // false
console.log(null && 'hello'); // null
console.log(undefined && 'hello'); // undefined

위와 같은 예시를 보면 true , 'hello'는 앞선 포스팅에서 보았듯이 Truthy한 값들입니다.
따라서 뒤에 있는 값인 'hello'와 'hp'의 값이 출력되는것을 알 수 있습니다.
false , null , undefiend는 Falsy한 값들로써 뒤에 값들은 무시되고 false , null , undefiend의 값이 나타나는것을 알 수 있습니다.

논리합(||)을 논리곱 연산자와 반대 개념으로 생각해보면 됩니다.

조건1이 Truthy일 경우에는 조건 1의 값이 , 조건1이 Falsy인 경우에는 조건2의 값이 나타냅니다.

console.log(false || 'hello');// hello
console.log('' || 'hp'); // hp 
console.log(null || '안녕하세요'); // 안녕하세요 
console.log(true || 'hello'); // true
console.log(1 || 'hello'); // 1
console.log('안녕하세요' || false); // 안녕하세요

예시를 살펴보면 false , '' , null 은 모두 Falsy한 값이므로 뒤에 있는 값이 출력되고 true , 1 ,'안녕하세요'는 Truthy한 값이므로 앞에 있는 값들이 출력됩니다.

끝까지 읽어주셔서 감사합니다.😁

📌 참고

모던 자바스크립트 딥다이브