[JavaScript] 기초문법-3 ( 비교 연산자 / 논리 연산자)

 

[JavaScript] 기초문법-3 ( 비교, 논리 연산자 / 조건문 / 반복문)

---

✅ 비교 연산자

 

1. 대소 구분 : >, <, >=, <= 

2. == : 값만 비교 (ex '2' == 2 ? true)

3. === : 자료형까지 비교 (ex '2' === 2 ? false)

    >> 정확한 비교를 위해 '===' 쓰는 것을 권장

 

console.log(10>5) // true
console.log(10==5) // false

const a = 1;
const b = "1";
console.log(a==b); // true - 값만 비교
console.log(a===b); // false - 자료형까지 비교

---

✅ 논리 연산자

 

1. || (OR)

둘 중 하나라도 참이면 참

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

 

2. && (AND)

둘 다 참이여야 참

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

 

3. ! (NOT)

참 ➡ 거짓 / 거짓 ➡ 참

console.log(
  (!true), // false
  (!false), // true
  (!1), // false
  (!0) // true
)

 

4. 예제

4-1. OR 연산자

console.log(
  (null || 4 || undefined)
)
// 4

 

null, undefiend 는 false이기 때문에 유일한 true인 4를 출력

 

 

4-2. OR 연산자의 alert 피연산자

alert( alert(1) || 2 || alert(3) ); // 1 출력, 2 출력

 

1) alert(1) 평가 : 평가하면서 1을 출력 ➡ alert()는 undefiend를 반환

2) 2 평가 : true ➡ true 반환 후 종료

3) 2에서 종료되기 때문에 3은 평가되지 않음

 

 

4-3. AND 연산

alert( 1 && null && 2 ); // null 출력

 

1) 1 평가 : true라서 통과

2) null 평가 : false이기 때문에 출력하고 끝남

 

 

4-4. AND 연산자의 alert 피연산자

alert( alert(1) && alert(2) ); // 1, undefined

1) alert(1) 평가 : 평가하면서 1 출력 ➡ alert()는 undefined를 반환

2) undefined는 false이기 때문에 출력하고 끝남.

 

 

4-5. OR, AND, OR 연산자의 조합

AND > OR (&&의 우선순위가 || 보다 높음)

alert( null || 2 && 3 || 4 ); // 3 출력

 

 

1) 2&&3 = 3

2) null || 3 || 4 평가 : 첫번째 true인 3 출력

---

참고 : https://ko.javascript.info/logical-operators

논리 연산자