개발이 취미인 사람

[JavaScript] 연산자(비교 연산자, 동등 연산자, 일치 연산자, 논리 연산자) 본문

언어(Programming Language)/JavaScript

[JavaScript] 연산자(비교 연산자, 동등 연산자, 일치 연산자, 논리 연산자)

RyanSin 2021. 12. 27. 14:30
반응형

- 지난 시간

안녕하세요. 지난 시간에는 JavaScript 조건문에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다.

 

[JavaScript] 조건문 If문 Switch/Case문

- 개요

이번 시간에는 연산자에 대해 알아보겠습니다.

 

변수 시간에는 사칙 연산자에 대해 들어봤습니다. 계산식은 사직 연산자라고 표현합니다.

 

그럼 다른 연산자는 무엇이 있을까요.

 

  1. 비교 연산자 (<, >, <=, >=)
  2. 동등 연산자 (==, !=)
  3. 일치 연산자 (===, !==)
  4. 논리 연산자 (||, &&)

- 비교 연산자

  • A < B : A가 B보다 작다면 true
  • A > B : A가 B보다 크다면 true
  • A <= B : A가 B보다 같거나 작다면 true
  • A >= B : A가 B보다 같거나 크다면 true

 

const money = 3000

//비교 연산자
if (money < 3000) { //money가 3000 보다 작다면 실행
  
  console.log("비교 연산자 1")
  
} else if (money > 3000) { //money가 3000 보다 크다면 실행
  
  console.log("비교 연산자 2")
  
} else if (money <= 3000) { //money가 3000과 같거나 작다면 실행
  
  console.log("비교 연산자 3")
  
} else if (money >= 3000) { //money가 3000과 같거나 크다면 실행
  
  console.log("비교 연산자 4")
  
}

 

- 동등 연산자

  • A == B : A와 B가 같다면 true (타입 비교 X)
  • A != B : A와 B가 같지 않다면 true (타입 비교 X)
const money = 1000;

//동등 연산자
if (money == 2000) { //  money가 2000 값과 같다면 (타입 체크 X)

  console.log("동등 연산자 1")
  
} else if (money != 100) { // money가 100 값과 같지 않다면 (타입 체크 X)

  console.log("동등 연산자 2")
  
}

 

- 일치 연산자

  • A === B : A와 B가 같다면 true (타입 비교 O)
  • A !== B : A와 B가 같지 않다면 true (타입 비교 O)

* JavaScript는 기본적으로 타입을 설정하지 않기 때문에 정확한 비교가 필요할 때 "일치 연산자"를 통해 타입을 비교합니다.

 

const money = 1000

if (money === 1000) { // money가 1000 값가 같다면 (타입 체크 O)

  console.log("일치 연산자 1")
  
} else if (money !== 100) { // money가 100 값가 같지 않다면 (타입 체크 O)
    
    console.log("일치 연산자 2")
    
}

 

- 논리 연산자

  • A == B || C == D : 두 조건 중 하나라도 true라면 true
  • A == B && C != D : 두 조건이 모두 true여야 true
const name = "Ryan"
const money = 1000

//논리 연산자
//name 값이 Ryan 이거나 Apeach라면 아내 조건 문이 실행 (일치 연산자)
if (name === "Ryan" || name === "Apeach") {

  console.log("논리 연산자 OR")
  
}

//name 값이 Ryan 이고 money 값이 1000이면 실행 (일치 연산자)
else if (name === "Ryan" && money === 1000) {

  console.log("논리 연산자 AND")
  
}

 

이번 시간에는 연산자에 대해 알아봤습니다.

 

기본적인 연산자에 대한 개념이기 때문에 꼭! 숙지하시는 걸 추천드리겠습니다.