자바스크립트에는 세 종류의 논리 연산자가 있다. 요번 블로그에서는 이 세 종류의 연산자가 어떻게 작용하고 사용되는지 알아보자!✌️

1. || (OR)

OR는 두 개의 수직선 기호로 표현한다. 이 연산자는 boolean값을 조작하는 데 쓰입니다. 인수 중 하나라도 true이면 true를 반환하고, 아니면 false를 반환합니다.

result = a || b;

alert(true || true);    // true
alert(false || true);   // true
alert(true || false);   // true
alert(false || false);  // false
// 피연산자가 모두 false인 경우를 제외하고 연산 결과는 항상 true

OR 연산자는 if문에서 자주 사용됩니다.

let hour = 9;
if (hour < 10 || hour > 18) {
	alert('The store is closed.');
}

OR 연산자와 피연산자가 여러 개인 경우에는 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자들을 평가합니다. 각 피연사자를 boolean형으로 변환하고 그 값이 true이면 연산을 멈추고 해당 피연산자의 변환 전 원래 값을 반환함. 피연산자 모두를 평가했음에도 불구하고 모든 피연산자가 false이면 마지막 피연산자를 반환함.

result = value 1 || value 2 || value 3;

2. && (AND)

AND는 두 피연산자가 모두 참일때 true를 반환함.

alert(true && true);    // true
alert(false && true);   // false
alert(true && false);   // false
alert(false && false);  // false

Example with if and &&:

let hour = 12;
let minute = 30;
if (hour == 12 && minute == 30) {
	alert('Current time is 12:30!);
}

AND 연산자와 피연산자가 여러 개인 경우에는 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자를 평가함. 각 피연산자는 boolean으로 변환되고 변환 후 false이면 평가를 멈추고 해당 피연산자의 변환 전 원래 값을 반환함. 모든 피연산자가 true로 평가되는 경우에는 마지막 피연산자가 반환됨.

result = value 1 && value 2 && value 3;

3. ! (NOT)

NOT은 !를 써서 표현합니다. NOT 연산자는 인수 하나만 받고, 다음 순서대로 연산을 진행함.

1. 피연산자를 불린형(true/false)로 변환함.
2. 1에서 변환된 값을 역을 반환함.

result = !value;

alert(!true);  // false
alert(!0);     // true

Reference
https://ko.javascript.info/logical-operators