JS_기본 문법 (14)_불리언에 사용되는 연산자들

불리언(boolean)에 관련된 연산자들에 대해서 알아보자!

let a = 1 === 2;	//false
let b = 'abc' !== 'def'	//true
let c = a !== b;	//true
let d = typeof a === typeof b === true;	//true

4번째 예시와 같이 연속 비교 시에는 우선순위에 따라 연산이 된다.

(해당 예시는 같은 우선순위 이므로 앞의 연산이 먼저)

 

1. 연산자

1) 부정 연산자

! 를 이용해 NOT 연산을 수행할 수 있다.

!true 	//false
!!true	//true

이때 !!로 두개를 붙일 경우 !가 서로 치환되는데

 이를 이용하여 현재 값을 boolean 값으로 변환 할 수 있다.

console.log(!!'a')

>>> true

 

2) AND OR 연산자

&& 과 || 으로 AND, OR 연산을 수행할 수 있다.

let x = 5;

console.log(
  (x > 10 && x <= 20) || x % 3 === 0 //false || false
);

>>> false

 

 

short circuit

비교 연산 코드를 모두 실행 하지 않고 확정적으로 결과가 나올 경우

중간에 연산을 탈출한다.

 

&&	앞의 연산이 false일 경우 확정 false
||	앞의 연산이 true일 경우 확정 true

이를 이용해 연산 부하가 적은 코드를 앞에 놓아서 리소스를 절약할 수 있다!

 

 또한 &&, || 연산자는 값 자체를 반환한다! 

let x = true;

let y = x && 'abc'; //true이므로 'abc'까지 확인 후 반환
let z = x || 123;	//true이므로 탈출 및 반환

console.log(y, z);

>>> abc true

 

let x = false;

let y = x && 'abc';	//false이므로 빠르게 탈출 후 반환
let z = x || 123;	//false이므로 뒤까지 확인 후 반환

console.log(y, z);

>>> false 123

 

let x = 'abc' || true;

console.log(x);

>>> abc

 위의 결과에 따라서 &&은 Truthy를 대체하고, ||는 Falsy를 대체한다는 것을 알 수 있다! 

3) 삼항연산자

(조건) ? (참일 경우) : (거짓일 경우)

 

---

2. Truthy Falsy

true 또는 false로 평가되는 값들로 구분된다.

 

이 중 false로 평가되는 것들에 대해서만 알아보자!

0

'' (빈 문자열)

null

undefined

NaN

하지만 이들 중 파란글씨에 해당하는 것들은 연산 시 false로 타입이 변환되지 않는다.

//false와 직접 비교시
console.log(
  null == false,
  undefined == false,
  NaN == false,
);

>>> false false false

하지만 위와 같은 직접 연산 외에는 false로 평가되므로 연산에는 활용할 수 있다.

 

let x = 0;
let y = 1;

x && x++; //0은 false로 평가되므로 탈출
y && y++; //1은 true로 평가되므로 이어서 연산

console.log(x, y);

>>> 0 2