본문 바로가기
공부 정리/웹(Web)

[자바스크립트] 단축 평가

by 경적필패. 2021. 11. 4.
반응형

단축 평가 란?

자바스크립트에는 단축 평가란 게 있었습니다.(자바와는 다르게)

논리 연산자에서 boolean값(true, false) 이외에도 다른 값을 사용할 수 있었습니다.

 

 

 

예제 코드

console.log(false || 'ex1'); //ex1
console.log('ex1' || false); //ex1
console.log(false && 'ex2'); //false
console.log('ex2' && false); //false
console.log(true || 'ex3'); //true
console.log('ex3' || true); //ex3
console.log(true && 'ex4'); //ex4
console.log('ex4' && true); //true

논리연산이 끝나는 시점의 값을 출력합니다.

 

false || 'ex1'인 경우 -> false만 보고 연산을 끝낼 수 없고 ex1까지 봐야 합니다. 그래서 ex1

 

'ex1' || false 인경우 -> 'ex1'만 보고 연산이 끝납니다. 그래서 ex1

 

false && 'ex2'인경우 -> 두 조건 모두 만족해야 하는데, 이미 false에서 연산이 끝났으므로 false가 출력됩니다.

 

var check = false;
var m;

m = check || '실패';
console.log(m);

다음과 같이 if문처럼 사용하는 것도 가능합니다.

반응형

'공부 정리 > 웹(Web)' 카테고리의 다른 글

[CSS] box-sizing  (0) 2022.01.24
[CSS] position  (0) 2021.12.21
[자바스크립트] Array.some()  (0) 2021.12.14
[자바스크립트] 호이스팅  (0) 2021.10.29
[자바스크립트] 정적타입언어 vs 동적타입언어  (0) 2021.10.04

댓글