[JavaScript] ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•

ES6์—์„œ ๋„์ž…๋œ ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•(spread syntax, ์ „๊ฐœ ๋ฌธ๋ฒ•) ... ์€ ํ•˜๋‚˜๋กœ ๋ญ‰์ณ ์žˆ๋Š” ์—ฌ๋Ÿฌ ๊ฐ’๋“ค์˜ ์ง‘ํ•ฉ์„ ํŽผ์ณ์„œ ๊ฐœ๋ณ„์ ์ธ ๊ฐ’๋“ค์˜ ๋ชฉ๋ก์œผ๋กœ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋Œ€์ƒ์€ Array, String, Map, Set, DOM ์ปฌ๋ ‰์…˜(NodeList, HTMLCollection), arguments์™€ ๊ฐ™์ด for ... of ๋ฌธ์œผ๋กœ ์ˆœํšŒํ•  ์ˆ˜ ์žˆ๋Š” ์ดํ„ฐ๋Ÿฌ๋ธ”์— ํ•œ์ •๋ฉ๋‹ˆ๋‹ค. // ...[1, 2, 3]์€ [1, 2, 3]์„ ๊ฐœ๋ณ„ ์š”์†Œ๋กœ ๋ถ„๋ฆฌํ•œ๋‹ค(→ 1, 2, 3) console.log(...[1, 2, 3]); // 1 2 3 // ๋ฌธ์ž์—ด์€ ์ดํ„ฐ๋Ÿฌ๋ธ”์ด๋‹ค. console.log(...'Hello'); // H e l l o // Map๊ณผ Set์€ ์ดํ„ฐ๋Ÿฌ๋ธ”์ด๋‹ค. console.log(..
JavaScript/๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Deep Dive 2022. 8. 5. 18:45
1