자바스크립트의 연산자 중 (AND & OR)의 연산방식을 알아보자 🔥

AND & OR 연산자는 꼭 조건에 대한 비교방식에서만 사용하지않으며

다양하게 표현이 될 수 있다.

1. && (AND) 연산자

왼쪽값이 true 가 된다면 오른쪽 값이 반환되며 왼쪽값이 false 라면 왼쪽 값이 그대로 반환된다

console.log(true && true) // true
console.log(true && false) // false
console.log(false && true) // false
console.log(false && false) // false

2. || (OR) 연산자

왼쪽값이 true 가 된다면 왼쪽값을 그대로 반환하고 왼쪽값이 false 라면 오른쪽 값이 반환된다

console.log(true || true) // true
console.log(true || false) // true
console.log(false || true) // true
console.log(false || false) // false

3. 다양한 값으로 확인하기

console.log(null && undefined) // null
console.log(0 || true) // true
console.log('0' && NaN) // NaN
console.log({} || 123) // {}

AND & OR 연산자의 연산 우선순위

자바스크립트 안에는 다양한 연산자들이 존재하지만 그 연산자들중에서도 우선순위가 존재하여 먼저 실행되는 규칙이 있다.

AND & OR 를 비교했을 때 우선순위는 AND 가 더 높다. 그러므로 비교조건을 걸었을때 AND 와 OR 를 같이 쓴다면 AND 연산자가 먼저 작동 될 것이다.

예제를 보자면 다음과 같다.

console.log(true || false && false); // true
console.log((true || false) && false); // false

console.log('Jun' || NaN && false); // Jun
console.log(('Jun' || NaN) && false); // false