2020/09/17 - JS - 비교 연산자, 논리 연산자, 조건문, Truthy & Falsy

1. 비교 연산자 : 크다(>), 작다(<), 크거나 같다(>=), 같다(===) 등 비교할 때 쓰는 연산자이다. Boolean 값을 반환한다.

                             반환이 된다는 것은 변수 등에 할당할 수 있다는 것을 의미한다.

console.log(1 > 2)
//콘솔에 false가 찍힘.

console.log(true || false) // 하나라도 true면 true
console.log(true || false) 
console.log(true || true) 
console.log(false || false) // 피연산자가 둘 다 false면 false
 
console.log(true && false) // 하나라도 false면 false
console.log(true && false) 
console.log(false && false) 
console.log(true && true) // 둘 다 true면 true
 
console.log(!true) // not연산자가 있으므로 false
console.log(!false) // not연산자가 있으므로 true

let accessAllowed = (age > 18) ? true : false;
// (age > 18) => 평가대상
// ? 뒤 => 평가대상이 참이면 true 를 반환한다
// : 뒤 => 평가대상이 거짓이면 false를 반환한다
 
//만약 let age = 39 라면 이 때 accessAlloewd에 할당되는 값은 true가 될 것이다
//반환할 값은 무엇이든 가능하다 불리안 값이던, 어떤 변수던, 문자열이 될 수도 있다.

---

4. Truthy & Falsy : Truthy는 true로 처리될 수 있는 값이고 Falsy는 false로 처리될 수 있는 값이라고 이해하면 된다.

                              그렇다면 truthy는 true이고 falsy는 false인 것일까? 그렇진 않다. 원빈과 장동건 둘 다 잘생겼지만

                              둘이 같은 사람은 아닌 것처럼.. 그렇다면 어떤 것이 truthy한 값이고 falsy한 값인가?

                              자바스크립트에서 falsy한 값은 6개이고 나머지는 모두 truthy한 값이다. 때문에 6개만 외워두면 된다.

                              실제 코드를 통해 어떻게 처리 되는지 살펴보자.

 

//Falsy한 값 6가지
console.log(!NaN)
console.log(!0)
console.log(!undefined)
console.log(!null)
console.log(!'')
console.log(!false)
//모두 falsy한 값이므로 !연산자를 붙이면 콘솔에 true가 찍힘!
//그 외의 모든 것은 truthy이다
 
console.log(!"a")
console.log(!3)
console.log(![3, 4])
//모두 truthy 하므로 !연산자를 붙이면 콘솔에 false가 찍힘!

 

크롬 개발자 도구를 통해 위의 코드를 꼭 확인했으면 좋겠다.

그렇다면 만약 3번에서 배운 if문의 조건이 들어가는 곳에 truthy 한 값이 들어오거나 falsy한 값이 들어오면 어떻게 될까?

truthy는 true로 처리되고 falsy는 false로 처리되므로 조건이 truthy하면 참으로 인식해 참이 될때의 동작을 수행할 것이고

falsy하면 거짓으로 인식해 else 문의 동작이 수행될 것이다!

 

포스팅이 길어지므로 조건문과 조건부 연산자를 활용해 truthy와 falsy한 값이 조건으로 주어질 때의 예제는 직접 확인해보도록 하자!