Jeden Tag, aufrichtig und lustig.

js 14. 논리연산자 본문

JavaScript

js 14. 논리연산자

a-nanas 2022. 6. 22. 23:10

논리 연산자는 조건문처럼 활용될 수 있고,

반복된 if문 작성이나 if문의 중첩을 줄일 수 있다.

 

논리연산자의 종류

1. || (or)

console.log("사과" || "딸기" || "무화과"); // 사과

'사과'가 출력되는 이유는 ||(or)연산자는 왼쪽부터 평가를 시작해서 첫 번째 truthy 값을 찾아가기 때문이다.

만약 truthy 값이 없다면 마지막 값을 반환한다.

 

2. && (and)

console.log("사과" && "딸기" && "무화과"); // 무화과

'무화과'가 출력되는 이유는

&&(and) 연산자는 왼쪽부터 평가를 시작하고, 첫 번째 falsy 값을 찾아가기 때문이다.

위의 코드의 연산중에서는 모든 값이 true이므로 마지막으로 평가한 값인 '무화과'가 출력된 것이다.

 

아래의 코드와 같이 조건문처럼 사용 할 수도 있다.

 

let coffeePrice = 3000
let buy = coffeePrice<=3000 && '한 잔 주세요!'

console.log(buy) // '한 잔 주세요!'<= true && true == 두번째 true가 출력

if문에서의 활용

let cheesePrice = 4000;

if (typeof cheesePrice === 'number' && cheesePrice<6000) {
		console.log('치즈 한 개 주세요!');
}

and 연산자를 활용하여 if문을 중첩하지 않고 가독성있게 if문을 작성할 수 있다.

3. ! (not)

not 연산자는 Boolean으로 형 변환을 한 뒤, 반대 Boolean값으로 반환한다.

console.log(!'string'); //false

 논리연산자의 특징은 아래와 같다.

상황에 따라 적절히 활용할 필요가 있다.

 

  1.  and(&&), or(||) 결과값은 boolean이 아니다.
  2. not(!) 연산자의 결과값은 boolean이다.
  3. and(&&) 연산자는 if문의 중첩을 줄일 수 있다.
  4. or(||) 연산자는 if문의 반복을 줄일 수 있다.

'JavaScript' 카테고리의 다른 글

js 16. splice  (0) 2022.06.27
js 15. array  (0) 2022.06.27
js 13. if문  (0) 2022.06.22
js 12. 비교연산자  (0) 2022.06.22
js 11. boolean  (0) 2022.06.22