null๊ณผ undefined

์ •ํฌ์ค€ยท2023๋…„ 3์›” 15์ผ
0
post-thumbnail

๐Ÿ“Œ null๊ณผ undefined

null ? undefined ?

null == undefined 	// true
null === undefined	// false

null๊ณผ undefined๋ฅผ ๋ณด์ด๋Š” ๊ทธ๋Œ€๋กœ ํ•ด์„ํ•˜๋ฉด โ€˜๋นˆ ๊ฐ’โ€™๊ณผ โ€˜์—†๋Š” ๊ฐ’โ€™์„ ์˜๋ฏธํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ด๊ณ  ๊ฐ™์€ ๊ฐ’ ์ธ๊ฑธ๊นŒ? ํ•œ๋ฒˆ ๊ฐ™์ด ์•Œ์•„๋ณด์ž

undefined

let test;
console.log(test)	// undefined
console.log(typeof test)	// undefined

์œ„ ์ฝ”๋“œ ์ฒ˜๋Ÿผ undefined๋Š” ์•„๋ฌด ๊ฐ’๋„ ํ• ๋‹น ๋ฐ›์ง€ ์•Š์€ ์ƒํƒœ๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ
๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•œ ์ดํ›„ ๊ฐ’์„ ํ• ๋‹นํ•˜์ง€ ์•Š์œผ๋ฉด ๊ทธ ๋ณ€์ˆ˜๋ฅผ ์ฐธ์กฐ ์‹œ undefined๊ฐ€ ๋ฐ˜ํ™˜ ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค

๊ทธ๋ ‡๋‹ค๋ฉด ์™œ ๊ทธ๋Ÿฐ ๊ฒƒ์ผ๊นŒ?
๋ณ€์ˆ˜ ์„ ์–ธ์— ์˜ํ•ด ํ™•๋ณด๋œ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์„ ์ฒ˜์Œ ํ• ๋‹น์ด ์ด๋ค„์งˆ ๋•Œ๊นŒ์ง€ ๋นˆ ์ƒํƒœ(*๋Œ€๋ถ€๋ถ„ ๋น„์–ด ์žˆ์ง€ ์•Š๊ณ  ์“ฐ๋ ˆ๊ธฐ ๊ฐ’์ด ๋“ค์–ด ์žˆ๋‹ค.)๋กœ ๋‚ด๋ฒ„๋ ค๋‘์ง€ ์•Š๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด undefined๋กœ ์ดˆ๊ธฐํ™”ํ•˜๊ธฐ ๋–„๋ฌธ์ด๋‹ค

๊ทธ๋Ÿฌ๋ฏ€๋กœ ๋ณธ์ธ์ด ์˜๋„์ ์œผ๋กœ ๋ณ€์ˆ˜์— undefined๋ฅผ ํ• ๋‹น ํ•˜๋Š” ๊ฒƒ์€ ๋ณธ๋ž˜์˜ ์ทจ์ง€์— ์–ด๊ธ‹๋‚˜๊ณ  ํ˜ผ๋ž€์„ ์ฃผ๊ธฐ ๋•Œ๋ฌธ์— ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ์ข‹๋‹ค

null

let test = null;
console.log(test)	// null

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•˜๋ฏ€๋กœ null์€ Null, NULL ๋“ฑ๊ณผ๋Š” ๋‹ค๋ฅด๋ฉฐ
null์€ โ€˜๋น„์–ด์žˆ๋Š”, ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๊ฐ’'(๊ฐ’์˜ ๋ถ€์žฌ)์„ ์˜๋ฏธํ•œ๋‹ค.
ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ null์€ ๋ณ€์ˆ˜์— ๊ฐ’์ด ์—†๋‹ค๋Š” ๊ฒƒ์„ ์˜๋„์ ์œผ๋กœ ๋ช…์‹œ(์˜๋„์  ๋ถ€์žฌ)ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.
๋”ฐ๋ผ์„œ ๋ณ€์ˆ˜์— null์„ ์ง์ ‘ ํ• ๋‹น ํ•˜๋Š” ๊ฒƒ์€
๋ณ€์ˆ˜๊ฐ€ ์ด์ „์— ์ฐธ์กฐํ•˜๋˜ ๊ฐ’์„ ๋” ์ด์ƒ ์ฐธ์กฐํ•˜์ง€ ์•Š๊ฒ ๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค.

๋‚˜์˜ ์ƒ๊ฐ

null -> ๋‚ด๊ฐ€ ์˜๋„์ ์œผ๋กœ ๋นˆ ๊ฐ’์„ ์ค€ ์ƒํƒœ
undifined -> ์˜๋„์ ์ด์ง€ ์•Š์€ ์•„๋ฌด ๊ฐ’๋„ ํ• ๋‹น ๋ฐ›์ง€ ๋ชปํ•œ ์ƒํƒœ


์ฐธ์กฐ

https://hanamon.kr/javascript-undefined-nul

profile
๊ฐ™์ด ์ผํ•˜๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ์ด ๋˜์–ด๋ณด์ž! ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋Š” ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ.

0๊ฐœ์˜ ๋Œ“๊ธ€