728x90
반응형
삼항연산자
삼항연산자는 if-else 구문을 줄여서 표현할 수 있는 도구이다.
라면을 요리할 때, 물이 100℃가 넘었는지 검사하는 조건문을 작성한다고 가정해보자.
1
2
3
4
5
6
7
8
9
|
let temp = 90;
if(temp >= 100) {
console.log('Put the noodle')
}
else {
console.log('Wait more')
}
|
cs |
간단한 예제이므로 굳이 함수형태로 작성하지 않았지만,
만약 함수라면 temp = 90이라서 if문의 첫 번째 조건을 만족하지 않으므로, 'Wait more'이 출력될 것이다.
이것을 삼항연산자의 형태로 표현할 수 있다.
1
2
3
|
let temp = 90;
temp >= 100 ? 'Put the noodle' : 'Wait more';
|
cs |
훨씬 간결하게 표현된다.
조건부 삼항 연산자(Conditional Ternary Operator)
물이 100도 이상이면 면을 넣으라고 지시했고, 이후 5분이 지났는지도 if문을 통해서 검사한다면,
다음과 같이 조건부 삼항 연산자로 표기할 수 있다.
1
2
3
|
let temp = 90;
temp >= 100 ? 'Put the noodle' : waitingTime > 5 ? 'Turn off the fire' : 'Wait more to eat'
|
cs |
728x90
반응형
'Programming-[Frontend] > Javascript' 카테고리의 다른 글
Javscript / 함수 / 화살표 함수 (0) | 2020.09.01 |
---|---|
Javascript / 함수 / call, apply의 활용 ( .map.call(.filter.call), Math-apply) (0) | 2020.08.30 |
Javascript / 함수 / call, apply, bind (0) | 2020.08.27 |
Javascript / Array / sort (0) | 2020.08.25 |
Javascript / Execution context, this (0) | 2020.08.24 |