TIL 조건문

조건문 이란?

• 조건문이란 어떠한 조건을 판별하는 기준을 만드는 것이다.
• 조건문에는 반드시 '비교 연산자'가 필요하다.

비교 연산자

• 비교 연산자를 사용시 결과는 boolean 값이 나온다.

ex)
2 > 4; // false
4 < 5; // true
3 === '3' // false

• 비교 연산자

연산자	설명
동등 (==)	피연산자가 서로 같으면 true를 반환합니다.
부등 (!=)	피연산자가 서로 다르면 true를 반환합니다.
일치 (en-US) (===)	두 피연산자의 값과 타입이 모두 같은 경우 true를 반환합니다.
불일치 (en-US) (!==)	피연산자의 값 또는 타입이 서로 다를 경우 true를 반환합니다.
큼 (en-US) (>)	왼쪽 피연산자가 오른쪽 피연산자보다 크면 true를 반환합니다.
크거나 같음 (en-US) (>=)	왼쪽 피연산자가 오른쪽 피연산자와 같거나 크면 true를 반환합니다.
작음 (en-US) (<)	왼쪽 피연산자가 오른쪽 피연산자보다 작으면 true를 반환합니다.
작거나 같음 (en-US) (<=)	왼쪽 피연산자가 오른쪽 피연산자와 같거나 작으면 true를 반환합니다

• 조건문은 if, else, else if 를 사용하는데 아래와 같이 사용한다.

if (조건1) { //조건 1이 통과할경우 실행
} else if (조건2) { // 조건 1이 통과하지 않았을 경우
} else { // 조건 1, 2 모두 통과하지 않았을 경우
}

• 또한 두가지 조건이 한번에 적용하는 경우에는 논리 연산자를 사용할 수 있는데
• AND 연산자, OR 연산자, NOT 연산자가 있다.

AND 연산자 예제

let a1 =  true && true;     // t && t returns true
let a2 =  true && false;    // t && f returns false
let a3 = false && true;     // f && t returns false
let a4 = false && (3 == 4); // f && f returns false
let a5 = "Cat" && "Dog";    // t && t returns Dog
let a6 = false && "Cat";    // f && t returns false
let a7 = "Cat" && false;    // t && f returns false

위 예제를 통해 AND 연산자는 두 비교값이 같아야 true를 리턴하고 둘 다 truthy할 경우, 뒤에 있는 값을 출력한다.

OR 연산자 예제

let o1 =  true || true;     // t || t returns true
let o2 = false || true;     // f || t returns true
let o3 =  true || false;    // t || f returns true
let o4 = false || (3 == 4); // f || f returns false
let o5 = "Cat" || "Dog";    // t || t returns Cat
let o6 = false || "Cat";    // f || t returns Cat
let o7 = "Cat" || false;    // t || f returns Cat

위 예제를 통해 OR 연산자는 두 비교값 중 하나라도 true 라면 true를 리턴하고 둘다 falsy할 경우, 뒤에 있는 값을 출력한다.

NOT 연산자

var n1 = !true;  // !t returns false
var n2 = !false; // !f returns true
var n3 = !"Cat"; // !t returns false

위 예제를 통해 NOT 연산자는 불린값 을 반전시킨 값을 리턴한다.

기억해야 할 6가지 falsy값

if(false)
if(null)
if(undefined)
if(0)
if(NaN)
if('')

여기서 NaN을 제외한 falsy값 들은 비교 연산자를 통해 true값으로 리턴이 가능하지만
NaN은 다른 모든 값과 비교(==, !=, ===, !==)했을 때 같지 않으며, 다른 NaN과도 같지 않다.

NaN의 자세한 내용은 아래 링크에 방문을 해보면 좋다.
https://s-realstory.tistory.com/5