javascript 비교 연산자와 불리언(boolean)

조건문이나, 반복문 등의 조건부 코드실행에 자주 활용되는 비교 연산자에 대해 자세히 알아보겠습니다.

 

비교 연산자의 종류 

비교 연산자의 결과는 True나 False인 불리언(Boolean) 자료형으로 출력됩니다.

 

 ==  (이중 등호 연산자) 두 값을 비교해서 참 또는 거짓으로 반환. 좌항, 우항의 값이 동등함을 확인 후 조건에 해당하는 코드만 실행.

 = (단일기호) - 변수나 상수에 값을 할당하는데 사용 

 

 !=   값의 부등성을 확인하는 연산자입니다. a, b가 같지 않은 것을 확인 후 이 조건에 해당하는 코드만 실행.

 

 ===  (삼중 등호 연산자) 값과 자료형이 일치하는지 확인 비교합니다.

 

 !==  값과 자료형이 일치하지 않은 것을 확인 비교합니다.

 

  >, <  크기 비교 연산자입니다.  값이 큰지 작은지 비교하며, 숫자뿐 아니라 문자열도 비교 가능합니다. (초과, 미만)

 

 >=, <=  크거나 같음(이상), 혹은 작거나 같음(이하)의 여부를 확인. (이상, 이하)

 

 !  불리언(boolean)을 내포하고 있음을 이미 알고 있는 값입니다.

불리언값을 가지고 있음을 알고 있는 변수에 사용해 이게 사실인지 아닌지 부정 여부를 판단합니다.

일반적으로 다른 연산자를 사용해 불리언(boolean)을 생성하게 되고 이를 부정하려면 부등 연산자를 사용하면 됩니다.

 

 

작업시  === ,   !==  값과 자료형을 확인 비교하므로 , 이 연산자의 사용을 권장합니다.

(작업하고 있는 값의 자료형에 신경을 쓰자!)

 

 

동등 연산자 (==) 와  부등 연산자  (!=)

자료형을 일치시킨 후에 비교 확인합니다.

 

//동등연산
1 == 1      //true
1 == '1'    //true
1 == true   //true
0 == false  //true

// 부등 연산
1 != 2      // true
1 != '1'    // false
1 != true   // false
0 != false  // false

 

일치 연산자 (===) 와 불일치 연산자  (!==)

값과 자료형을  엄격히 비교 확인합니다.

 ===  좌우값이 같아야 하고, 자료형도 같아야 합니다.

 !== 좌우값이 같지 않거나 같은 자료형이 아닐 경우 true를 반환합니다.

 

// 일치 연산
1 === 1    //true
1 === '1'  //false (자료형이 다름)

// 불일치 연산
1 !== 1    //false
1 !== '1'  //true (같은 자료형이 아니므로)
1 !== '2'  //true

 

 

 

if(condition) { ... } 조건은 항상 불리언값(true, false)이여야 합니다.

===, >, < 등으로 불리언값을 생성합니다. 

if에서는 불리언만 들어가면 되기 때문에 이러한 연산자를 꼭 사용해야 할 필요는 없습니다.

불리언을 포함하는 변수가 있으면 별도의 연산자 없이 사용가능합니다.

 

예시:

const isLogIn = true;
if (isLogIn) {  // 조건문에 ===, >, < 등의 연산자를 꼭 사용해야 할 필요 없음.
  ...
}

const isLogIn = true;
if (isLogIn === true) {  // 새로운 불리언을 생성하므로 불필요함.
  ...
}

const isLogIn = true;
if (!isLogIn) {  // !연산자를 사용하여 값을 부정(반전)할 수 있음
  // 값이 false 일때 실행
} else {
  // 값이 true 일때 실행
}