๐Ÿ“ŒLanguage/JavaScript

TIL) ํฌ์†Œ๋ฐฐ์—ด, ๋ฐฐ์—ด empty, ๋ฐฐ์—ด undefined

hellohailie 2022. 5. 10. 11:13

 

ํฌ์†Œ๋ฐฐ์—ด์€ length์™€ ๋ฐฐ์—ด ์š”์†Œ์˜ ๊ฐœ์ˆ˜๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š๋Š”๋‹ค. ํฌ์†Œ ๋ฐฐ์—ด์˜ length๋Š” ํฌ์†Œ ๋ฐฐ์—ด์˜ ์‹ค์ œ ์š”์†Œ ๊ฐœ์ˆ˜๋ณด๋‹ค ์–ธ์ œ๋‚˜ ํฌ๋‹ค. 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ฌธ๋ฒ•์ ์œผ๋กœ ํฌ์†Œ ๋ฐฐ์—ด์„ ํ—ˆ์šฉํ•˜์ง€๋งŒ, ํฌ์†Œ ๋ฐฐ์—ด์€ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. ์„ฑ๋Šฅ์—๋„ ์ข‹์ง€ ์•Š๋‹ค. 

 

๋ฐฐ์—ด์—๋Š” ๊ฐ™์€ ํƒ€์ž…์˜ ์š”์†Œ๋ฅผ ์—ฐ์†์ ์œผ๋กœ ์œ„์น˜์‹œํ‚ค์ž!

 

 

 

 

์œ„ ์˜ˆ์ œ์˜ arr์€ ์ธ๋ฑ์Šค 1์ธ ์š”์†Œ๋ฅผ ๊ฐ–์ง€ ์•Š์€ ํฌ์†Œ ๋ฐฐ์—ด์ด๋‹ค. 

arr[1]์ด undefined์ธ ์ด์œ ๋Š” ๊ฐ์ฒด์ธ arr์— ํ”„๋กœํผํ‹ฐ ํ‚ค๊ฐ€ '1'์ธ ํ”„๋กœํผํ‹ฐ๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. 

 

 

์กด์žฌํ•˜์ง€ ์•Š๋Š” ์š”์†Œ๋ฅผ ์ฐธ์กฐํ•˜๋ฉด  undefined๊ฐ€ ๋ฐ˜ํ™˜๋˜๊ณ , ๊ทธ ๋ฐฐ์—ด์—๋Š” empty๋ผ๊ณ  ๋ฐ˜ํ™˜๋œ๋‹ค. 


โญ๏ธ์ฐธ๊ณ 
Array.from์— length๋งŒ ์กด์žฌํ•˜๋Š” ์œ ์‚ฌ ์žฌ์—ด ๊ฐ์ฒด๋ฅผ ์ „๋‹ฌํ•˜๋ฉด undefined๋ฅผ ์š”์†Œ๋กœ ์ฑ„์šด๋‹ค. 

Array.from({length : 3}); // [undefined, undefined, undefined]

 

 

 

์ถœ์ฒ˜: ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ deep dive