front-end/js

[JS] 6. 논리연산자(&&, ||, !)

쭈냥이 2023. 11. 10. 18:45

1. &&

(1-1) 모든 조건이 참이여야 다음 명령을 수행합니다.

const age = prompt("나이를 입력해주세요.", "ex) 30");
const gender = prompt("성별을 입력해주세요", "ex) femail");

if((age >= 20) && (gender === "mail")){
  console.log("가");
} 
else if(age >= 20 && gender ==="femail"){
  console.log("나");
}
else{
  console.log("다");
}

나이가 20살 이상이고, 성별이 남성이여야만 "가" 를 출력하고,

나이가 20살 이상이고, 성별이 여성이여야만 "나" 를 출력합니다.

둘 중 하나라도 만족하지 못하면 바로 "다"를 출력합니다.

나이 조건이 20살이상으로 true이지만, 성별이 조건이 false이기 때문에 "다"가 출력되었음을 알 수 있습니다.

 

 

 

 

 

 

2. || 

(2-1) 하나라도 참이 있다면 true를 반환합니다.

const age = prompt("나이를 입력해주세요.", "ex) 30");
const gender = prompt("성별을 입력해주세요", "ex) femail");

if((age >= 20) || (gender === "mail")){
  console.log("가");
} 
else if(age >= 20 || gender ==="femail"){
  console.log("나");
}
else{
  console.log("다");
}

 

(2-2) || 연산자는 조건 중 하나만 참이라면 뒤에는 보지도 않고 true를 반환합니다.

 

 

 

 

 

3. !

(3-1) ! 연산자는 true와 false를 반전시켜 반환합니다.

const age = prompt("나이를 입력해주세요.", "ex) 30");

if( !(age >= 20) ){
  console.log("성인입니다.");
}

원래대로라면 age가 20보다 크지 않기 때문에 false가 되어 출력이 나오지 않아야 하지만,

앞에 ! 연산자를 해주어서 true가 되었기 때문에 안내메세지가 출력되게 됩니다.