Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- API
- 변수
- 멋쟁이사자처럼
- position
- Absolute
- js
- 리액트
- react
- false
- HTML
- 선택자
- ubuntu
- CSS
- display
- terminal
- function
- javascript
- array
- 선언
- http
- Inline
- block
- STYLE
- LIKELION
- True
- object
- 조건문
- Project
- 프론트엔드스쿨
- boolean
Archives
- Today
- Total
Jeden Tag, aufrichtig und lustig.
js 14. 논리연산자 본문
논리 연산자는 조건문처럼 활용될 수 있고,
반복된 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
논리연산자의 특징은 아래와 같다.
상황에 따라 적절히 활용할 필요가 있다.
- and(&&), or(||) 결과값은 boolean이 아니다.
- not(!) 연산자의 결과값은 boolean이다.
- and(&&) 연산자는 if문의 중첩을 줄일 수 있다.
- 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 |