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
- display
- object
- LIKELION
- false
- 선언
- terminal
- Absolute
- 리액트
- http
- API
- javascript
- function
- 변수
- Project
- react
- block
- boolean
- 조건문
- Inline
- HTML
- array
- 멋쟁이사자처럼
- position
- 프론트엔드스쿨
- 선택자
- True
- CSS
- STYLE
- ubuntu
- js
Archives
- Today
- Total
Jeden Tag, aufrichtig und lustig.
js 24. 삼항연산자 본문
삼항연산자는 '조건연산자'라고 불리기도 하며, if문과 비슷하다.
삼항연산자의 형식
조건식 ? true일 때 실행되는 표현식 : false일 때 실행되는 표현식
const coffeePrice = 7500;
const message = (coffeePrice>4000) ? '안살래요!' : '하나 주세요!';
console.log(message);
// 조건식이 true일 경우 message 변수에 true값을 사용하게 된다.
삼항연산자는 조건식의 참,거짓에 따라
코드실행이 된다는점에서 if문과 비슷하지만,
if문과의 차이점은 코드 실행 결과값을 변수의 값으로 사용할 수 있다는 것이다.
삼항연산자의 중첩
삼항연산자를 중첩하여 다양한 경우에 따라 코드를 실행할 수 있다.
let coffeePrice = 7500;
let message = (coffeePrice>6000) ? '안살래요!' :
(coffeePrice>4000) ? '한잔 주세요!' : '두잔 주세요!';
console.log(message);
삼항연산자를 3번이상 중첩하면 가독성이 떨어지므로
그런경우 if문을 활용하는 것이 좋다.
'JavaScript' 카테고리의 다른 글
js 25. truthy falsy (0) | 2022.10.09 |
---|---|
js 23. switch문 (0) | 2022.10.09 |
js 22. for loop & array (2) | 2022.08.11 |
js 21. 함수 표현식 (0) | 2022.07.09 |
js 20. const (0) | 2022.07.09 |