๐Ÿค ์€์ง€log ๐Ÿค

๋‹จ์ถ•ํ‰๊ฐ€ ๋ณธ๋ฌธ

๐Ÿ’œ ๋ชจ๋˜Javascript

๋‹จ์ถ•ํ‰๊ฐ€

Eun_zii 2022. 9. 28. 14:19

๋…ผ๋ฆฌ๊ณฑ( && ) ์—ฐ์‚ฐ์ž

'cat' && 'dog' // "dog"

 

  • ๋…ผ๋ฆฌ๊ณฑ(&&) ์—ฐ์‚ฐ์ž๋Š” ๋‘๊ฐœ์˜ ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ ๋ชจ๋‘ true๋กœ ํ‰๊ฐ€๋ ๋•Œ true๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • ๋…ผ๋ฆฌ๊ณฑ ์—ฐ์‚ฐ์ž๋Š” ์ขŒํ•ญ์—์„œ ์šฐํ•ญ์œผ๋กœ ํ‰๊ฐ€๊ฐ€ ์ง„ํ–‰๋œ๋‹ค.
  • ์ฒซ๋ฒˆ์งธ ํ”ผ์—ฐ์‚ฐ์ž 'cat'์€ Truthy ๊ฐ’์ด๋ฏ€๋กœ true๋กœ ํ‰๊ฐ€๋œ๋‹ค.
    ํ•˜์ง€๋งŒ ๋‘๋ฒˆ์งธ ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ ์œ„ ๋…ผ๋ฆฌ๊ณฑ ์—ฐ์‚ฐ์ž ํ‘œํ˜„์‹์˜ ํ‰๊ฐ€ ๊ฒฐ๊ณผ๋ฅผ ๊ฒฐ์ •ํ•œ๋‹ค.
    ์ด๋•Œ ๋…ผ๋ฆฌ๊ณฑ ์—ฐ์‚ฐ์ž๋Š” ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์˜ ๊ฒฐ๊ณผ๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ๋‘๋ฒˆ์งธ ํ”ผ์—ฐ์‚ฐ์ž,
    ์ฆ‰ ๋ฌธ์ž์—ด 'dog'๋ฅผ ๊ทธ๋Œ€๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

๋…ผ๋ฆฌํ•ฉ( || ) ์—ฐ์‚ฐ์ž

'cat' || 'dog' // "cat"

 

  • ๋…ผ๋ฆฌํ•ฉ( || ) ์—ฐ์‚ฐ์ž๋Š” ๋‘๊ฐœ์˜ ํ”ผ์—ฐ์‚ฐ์ž ์ค‘ ํ•˜๋‚˜๋งŒ true๋กœ ํ‰๊ฐ€๋˜์–ด๋„ true๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • ๋…ผ๋ฆฌํ•ฉ ์—ฐ์‚ฐ์ž๋„ ์ขŒํ•ญ์—์„œ ์šฐํ•ญ์œผ๋กœ ํ‰๊ฐ€๊ฐ€ ์ง„ํ–‰๋œ๋‹ค.
  • ์ฒซ๋ฒˆ์งธ ํ”ผ์—ฐ์‚ฐ์ž 'cat'์€ Truthy ๊ฐ’์ด๋ฏ€๋กœ true๋กœ ํ‰๊ฐ€๋œ๋‹ค.
    ์ด ์‹œ์ ์—์„œ ๋‘๋ฒˆ์งธ ํ”ผ์—ฐ์‚ฐ์ž๊นŒ์ง€ ํ‰๊ฐ€ํ•ด๋ณด์ง€ ์•Š์•„๋„ ์œ„ ํ‘œํ˜„์‹์„ ํ‰๊ฐ€ํ• ์ˆ˜์žˆ๋‹ค.
    ๋…ผ๋ฆฌํ•ฉ ์—ฐ์‚ฐ์ž๋Š” ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์˜ ๊ฒฐ๊ณผ๋ฅผ ๊ฒฐ์ •ํ•œ ์ฒซ๋ฒˆ์งธ ํ”ผ์—ฐ์‚ฐ์ž 'cat'์„ ๊ทธ๋Œ€๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

๋‹จ์ถ•ํ‰๊ฐ€

๋…ผ๋ฆฌ๊ณฑ( && ) ์—ฐ์‚ฐ์ž์™€ ๋…ผ๋ฆฌํ•ฉ( || ) ์—ฐ์‚ฐ์ž๋Š” ์ด์ฒ˜๋Ÿผ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์˜ ๊ฒฐ๊ณผ๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ํƒ€์ž… ๋ณ€ํ™˜ํ•˜์ง€ ์•Š๊ณ  ๊ทธ๋Œ€๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค.
์ด๋ฅผ ๋‹จ์ถ•ํ‰๊ฐ€๋ผ ํ•œ๋‹ค.
๋‹จ์ถ•ํ‰๊ฐ€๋Š” ํ‘œํ˜„์‹์„ ํ‰๊ฐ€ํ•˜๋Š” ๋„์ค‘์— ํ‰๊ฐ€ ๊ฒฐ๊ณผ๊ฐ€ ํ™•์ •๋œ ๊ฒฝ์šฐ ๋‚˜๋จธ์ง€ ํ‰๊ฐ€ ๊ณผ์ •์„ ์ƒ๋žตํ•˜๋Š”๊ฒƒ์„ ๋งํ•œ๋‹ค.
๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋Š” ๋‹จ์ถ•ํ‰๊ฐ€๋ฅผ ํ†ตํ•ด ๋…ผ๋ฆฌ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•œ๋‹ค.

 

๐Ÿ“ ๋‹จ์ถ•ํ‰๊ฐ€๋Š” ๋‹ค์Œ ๊ทœ์น™์„ ๋”ฐ๋ฅธ๋‹ค.

true   ||     anything   โžž   true
false  ||     anything  โžž    anything
true  &&   anything  โžž    anything
false &&   anything  โžž    false 

์˜ต์…”๋„ ์ฒด์ด๋‹ ์—ฐ์‚ฐ์ž (ES11)

์˜ต์…”๋„ ์ฒด์ด๋‹ ์—ฐ์‚ฐ์ž( ?. )๋Š” ์ขŒํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ null๋˜๋Š” undefined์ธ ๊ฒฝ์šฐ undefined๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ ,
๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ์šฐํ•ญ์˜ ํ”„๋กœํผํ‹ฐ ์ฐธ์กฐ๋ฅผ ์ด์–ด๊ฐ„๋‹ค.

let coco = null;
// coco๊ฐ€ null ๋˜๋Š” undefined์ด๋ฉด undefined๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ , 
// ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ์šฐํ•ญ์˜ ํ”„๋กœํผํ‹ฐ ์ฐธ์กฐ๋ฅผ ์ด์–ด๊ฐ„๋‹ค.
let value = coco?.value;
console.log(value); // undefined

 

์˜ต์…”๋„ ์ฒด์ด๋‹ ์—ฐ์‚ฐ์ž ?.๋Š” ๊ฐ์ฒด๋ฅผ ๊ฐ€๋ฆฌํ‚ค๊ธฐ๋ฅผ ๊ธฐ๋Œ€ํ•˜๋Š” ๋ณ€์ˆ˜๊ฐ€ null ๋˜๋Š” undefined๊ฐ€ ์•„๋‹Œ์ง€ ํ™•์ธํ•˜๊ณ  ํ”„๋กœํผํ‹ฐ๋ฅผ ์ฐธ์กฐํ• ๋•Œ ์œ ์šฉํ•˜๋‹ค.

null๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž (ES11)

null๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž( ?? )๋Š” ์ขŒํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ null ๋˜๋Š” undefined์ธ ๊ฒฝ์šฐ ์šฐํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ ,
๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ์ขŒํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
null ๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž ??๋Š” ๋ณ€์ˆ˜์— ๊ธฐ๋ณธ๊ฐ’์„ ์„ค์ •ํ• ๋•Œ ์œ ์šฉํ•˜๋‹ค.

 

// ์ขŒํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ null ๋˜๋Š” undefined์ด๋ฉด ์šฐํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ ,
// ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ์ขŒํ•ญ์˜ ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
let coco = null ?? 'default string';
console.log(coco); // "default string"
728x90

'๐Ÿ’œ ๋ชจ๋˜Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

์›์‹œ๊ฐ’๊ณผ ๊ฐ์ฒด ๋น„๊ต  (0) 2022.09.28
๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด  (0) 2022.09.28
ํƒ€์ž… ๋ณ€ํ™˜  (0) 2022.09.28
๋ฐ˜๋ณต ๋ฌธ  (0) 2022.09.28
ํ• ๋‹น์—ฐ์‚ฐ์ž  (0) 2022.09.28