ํฐ์คํ ๋ฆฌ ๋ทฐ
๐จ JavaScript/์ฐ์ฐ์
[JavaScript] ์กฐ๊ฑด๋ฌธ์ ๊น๋ํ๊ฒ! ์ผํญ ์ฐ์ฐ์(Ternary Operator)
10000COW 2022. 12. 20. 15:30728x90
์ผํญ ์ฐ์ฐ์๋(Ternary Operator)?
์กฐ๊ฑด๋ฌธ์ ์ธ ๋ ์ฃผ๋ก if, else๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ๋นํด,
'์กฐ๊ฑด์ ? ์ฐธ์ธ ๊ฒฝ์ฐ : ๊ฑฐ์ง์ธ ๊ฒฝ์ฐ' ์ ํํ๋ก ๊น๋ํ๊ณ ๊ฐ๋จํ๊ฒ ์กฐ๊ฑด๋ฌธ์ ํํํ ์ ์๋๋ก ํด์ฃผ๋ ๋ฐฉ์
๋ ์จ์ ๋ฐ๋ผ ํ์๋ฅผ ํ์ง, ์์ ๊ฑฐ๋ฅผ ํ์ง ๊ฒฐ์ ํ๋ ์ฝ๋๋ฅผ ์์ฑํ๋ค๊ณ ํด๋ณด๋ฉด,
let weather;
if(weather == 'โ'){
console.log('๐');
} else{
console.log('๐ดโ๏ธ');
}
์ด๋ฐ์์ผ๋ก ๋์ด ์ค๋ฉด ํ์๋ฅผ ํ๊ณ , ๊ทธ๋ ์ง ์์ผ๋ฉด ์์ ๊ฑฐ๋ฅผ ํ ๊ฒ์ด๋ผ๋ ์ฝ๋๋ฅผ
if์ else๋ฅผ ํ์ฉํด ์กฐ๊ฑด๋ฌธ์ ๋ง๋ค ์ ์๋ค.
ํ์ง๋ง, ์ผํญ ์ฐ์ฐ์๋ฅผ ์ฌ์ฉํ๋ฉด ๋ค์๊ณผ ๊ฐ์ด ๊ฐ๋จํ๊ฒ ํํํ ์ ์๋ค.
let transport = weather === 'โ' ? '๐' : '๐ดโ๏ธ';
๋์ด ์ค๋?(์กฐ๊ฑด์) ? ๋์ด ์จ๋ค๋ฉด ํ์ : ๋์ด ์ ์จ๋ค๋ฉด ์์ ๊ฑฐ
728x90
'๐จ JavaScript > ์ฐ์ฐ์' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JavaScript] Null, Undefined ํธ๋ค๋ง: Nullish coalescing operator (??) (0) | 2022.12.25 |
---|---|
[JavaScript] Null, Undefined ํธ๋ค๋ง: Optional Chaining ์ฐ์ฐ์ (0) | 2022.12.25 |
[JavaScript] + ์ฐ์ฐ์ ์ฃผ์์ (1) | 2022.12.20 |
๊ณต์ง์ฌํญ
์ต๊ทผ์ ์ฌ๋ผ์จ ๊ธ
์ต๊ทผ์ ๋ฌ๋ฆฐ ๋๊ธ
- Total
- Today
- Yesterday
๋งํฌ
TAG
- DOM
- Context API
- ๊ทธ๋ํ
- ๋ธ๋ผ์ฐ์
- CSS
- Python
- state
- ์ ๋ ฌ
- BOJ
- JavaScript
- ๋ฆฌ์กํธ
- Browser
- git
- react
- ์๋ฃ๊ตฌ์กฐ
- ์๊ณ ๋ฆฌ์ฆ
- Component
- error
- ์๋ฌ
- zustand
- useState
- ์๋ฐ์คํฌ๋ฆฝํธ
- mdn
- ํ์ด์ฌ
- github
- leetcode
- ํจ์
- DB
- ๋ฐ์ดํฐ๋ฒ ์ด์ค
- React Query
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 | 31 |
๊ธ ๋ณด๊ดํจ
250x250