자바스크립트 기초 [비교 연산자, 논리 연산자]

JiEun·2023년 1월 13일
0

JavaScript

목록 보기
7/13
post-thumbnail

📍비교 연산자

===, !==, >, <, >=, <=

=== : 값이 같은지 비교

!== : 값이 다른지 비교

<,> : 값이 큰지 작은지 비교

<=. >= : 값이 같은지 큰지, 같은지 작은지 비교

비교 연산자를 이용해 조건문을 좀 더 유용하게 사용할 수 있다.


📍논리연산자

논리 연산자에는 AND, OR, NOT 이 있다.
if문과 같이 자주 사용한다.

✔️ AND

  • 1개만 false인 경우 false로 출력한다.
//1개만 false일 경우 false가 됨
true && true // true
false && true // false
true && false // false
false && false // false

✔️ OR

  • 1개만 true인 경우 true로 출력한다.
    false가 되기 위해선 전부 false가 나와야한다.
  • OR을 작성하기 위해서는 shift + \를 해주면 된다.
// 1개만 true여도 true로 나옴
// false가 되기 위해선 둘 다 false가 나와야 함.
true || true // true
false || true // true
true || false // true
false || false // false

✔️ !

  • 부정의 의미로 해당 조건문을 반전 시킨다.
  • true 앞에 !가 있으면 부정의 의미로
    Boolean값은 반전되어 flase가 되며
    false의 경우도 반대인 true가 된다.
!true && !true // false
!false && !true // false
!true && !false // false
!false && !false // true

이전에 공부했던
조건문에 응용할 수 있다.

const age = parseInt(prompt("How old are you?"));

if(isNaN(age) || age < 0){
    //string 이나 음수를 작성한 경우
    console.log("Please write a real positive number");
} else if (age < 18){
    //age가 18미만인 경우
    console.log("You are too young.");
} else if(age >= 18 && age <= 50) {
    //age가 18이상, 50이하인 경우
    console.log("You can drink.");
} else if(age > 50 && age <= 80) {
    //age가 50초과, 80이하인 경우
    console.log("You should exercise")
} else if(age > 80) {
    //age가 80초과인 경우
    console.log("You can do whatever you want.")
}

여려개의 조건을 추가할 수 있으며
좀 더 복잡하게 작성 할 수 있다.

//여러개를 추가할 수 있고 좀 더 복잡하게 작성할 수 있다.
if ((a && b) || (c && b)){
}

수학 처럼 괄호에 있는 것 부터 진행하며
작은 괄호부터 시작해서 큰 괄호로 넘어간다.


✏️ 마치며

논리 연산자를 사용하면
여러 조건을 만들 수 있으며 조건문과 자주 응용 되는 거 같다.

공부 출처 : 노마드 코더
profile
💻 프론트엔드를 목표로 성장 중! (알아봤던 내용 등을 정리하기)

0개의 댓글