Koans Note_JavaScript

hyxooยท2023๋…„ 3์›” 6์ผ
0

์ฝ”๋“œ์Šคํ…Œ์ด์ธ 

๋ชฉ๋ก ๋ณด๊ธฐ
12/37
post-thumbnail

๐Ÿ“ย JavaScript Koans

๐Ÿ“Œย Array.from()

Array.from() ๋ฉ”์„œ๋“œ๋Š” ์œ ์‚ฌ ๋ฐฐ์—ด ๊ฐ์ฒด(array-like object)๋‚˜ ๋ฐ˜๋ณต ๊ฐ€๋Šฅํ•œ ๊ฐ์ฒด(iterable object)๋ฅผ ์–•๊ฒŒ ๋ณต์‚ฌํ•ด ์ƒˆ๋กœ์šดArray ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

๐Ÿ“Ž ์œ ์‚ฌ ๋ฐฐ์—ด ๊ฐ์ฒด(array-like object) : key์˜ ๊ฐ’์ด index๋กœ ๋˜์–ด์žˆ๊ณ , length ์†์„ฑ์„ ๊ฐ–๋Š” ๊ฐ์ฒด.

โœ”๏ธย String์„ ๋ถ„ํ•ดํ•˜๊ธฐ

const str = 'hello';
console.log(Array.from(str)); // ['h', 'e', 'l', 'l', 'o']

โœ”๏ธย ์œ ์‚ฌ ๋ฐฐ์—ด ๊ฐ์ฒด๋ฅผ ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ

const obj = {0: 'zero', 1: 'one', 2: 'two', length: 3};
const arr = Array.from(obj);

console.log(arr); // ['zero', 'one', 'two']

โœ”๏ธย ํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋“ค์„ ์ˆœ์„œ๋Œ€๋กœ ๋ฐฐ์—ด๋กœ ๋งŒ๋“ค๊ธฐ

const funcA = (...arguments) => {
    return Array.from(arguments)
}

console.log(funcA(1,2,3)); // [ 1, 2, 3]

๐Ÿ“Ž ๋ฐฐ์—ด์ด ์•„๋‹Œ ๊ฐ์ฒด์˜ length๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด undefined๊ฐ€ ๋‚˜์˜จ๋‹ค.

const obj = {0:'hello'}
console.log(obj.length) // undefined
profile
hello world!

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