Today I Learned/JavaScript

[JavaScript] 조건문 / 비교 연산자, 논리 연산자

BaGyun 2022. 1. 12. 20:00

조건문에는 연산자가 꼭 쓰여야합니다.

조건문에서는 사용하는 연산자들이 여럿 있는데, 비교 연산자와, 논리 연산자에 대해서 알아봅시다.

 

비교 연산자란?

 

=== // 일치
!== // 불일치
var1 > var2 // var1이 더 크다
var1 >= var2 // var1이 더 크거나 같다
var1 < var2 // var2가 더 크다
var1 =< var2 // var2가 더 크거나 같다

==, != // 이 부등호도 있으나, 완벽한 비교를 하지않아 사용 빈도가 많이 낮다.

 

이와 같이 서로를 비교하여 비교 결과가 참인지 거짓인지에 대한 값을 반환합니다.

자바스크립트에선 이러한 값들을 Boolean 값이라하며, true, false 를 반환합니다.

 

그렇다면, 논리 연산자란?

 

&& // 논리 AND
|| // 논리 or
! // 논리 NOT

 

이렇게 3가지가 있는데, 이건

 

각 예제를 보면서 이해해봅시다

 

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

 

true && true의 경우 true를 리턴하는 것을 볼 수 있으나,

하나라도 false 값을 가지고 있다면 false값을 리턴합니다.

 

5번같은 경우 문자열로 이루어져있기 때문에 true에 속하며, 뒤에 있는 값을 반환합니다.

(*예외의 경우는 첫번째 위치한 값을 false로 변환 할 수 있으면 첫번째 위치한 값을 반환합니다.

그 외의 경우는 두번째 위치한 값을 반환합니다.)

 

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

 

true || true의 경우 true를 리턴하며,

하나의 값이 false여도 역시 true를 리턴합니다.

 

이번 5번의 경우 문자열로 이루어진 true 값이므로, 앞에 있는 값을 반환합니다.

(*예외의 경우는 첫번째 위치한 값을 true로 변환 할 수 있으면 첫번째 값을 반환합니다

그 외의 경우는 두번째 위치한 값을 반환합니다.)

 

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

 

!는 항상 반대의 값을 반환합니다.

조건문에서 쓰이는 대부분의 연산자를 알려드렸는데요.

 

혹시 이해가 안가는 부분이 있으시다면, 댓글남겨주세요!