spread & rest
๐ spread ์ฐ์ฐ์
spread
์ฐ์ฐ์๋ ES6๋ฌธ๋ฒ์์ ์ฒ์์ผ๋ก ๋ฑ์ฅํ์ต๋๋ค.
spread
์ฐ์ฐ์๋ ๊ฐ์ฒด๋ ๋ฐฐ์ด์ ์๋ฆฌ๋จผํธ๋ฅผ ์์ ํ๋ํ๋๋ก ํผ์ณ์ ์ฌ์ฉํ ์ ์๊ฒ ํฉ๋๋ค.
...
๋ผ๋ ํค์๋๋ฅผ ์ฌ์ฉํฉ๋๋ค.
๊ธฐ์กด ๊ฐ์ฒด๋ ๋ฐฐ์ด์ ๋ณต์ฌํ๊ณ ์ถ๊ฐ์ ์ธ ๊ฐ์ ๋ฃ์ด์ค ๋ ์ฃผ๋ก ์ฌ์ฉํฉ๋๋ค.
const first = {
one: 1,
};
const second = {
...first, //first์ ์๋ฆฌ๋จผํธ๋ฅผ ๊ฐ์ ธ์ด.
two: 2,
};
consol.log(first);
consol.log(second);
โ ๊ฒฐ๊ณผ
{ one: 1}
{ one: 1, two: 2}
์ฅ์
-
spread
์ฐ์ฐ์๋ ๊ธฐ์กด๊ฐ์ฒด๋ฅผ ๋ณ๊ฒฝ์ํค์ง ์๊ณ ๋ณต์ฌํด์ต๋๋ค. -
์ฝ๋์ ์ฌ์ฌ์ฉ์ฑ์ด ๋์์ง๋๋ค.
๐ rest ์ฐ์ฐ์
rest
์ฐ์ฐ์๋ ๋ง์ฐฌ๊ฐ์ง๋ก ...
ํค์๋๋ฅผ ์ฌ์ฉํฉ๋๋ค.
์ฐจ์ด์ ์ โ๋๋จธ์งโ๋ผ๋ ๋ป์ ๊ฐ์ง๊ฒ์ฒ๋ผ ์ ํด์ค ๊ฐ ์ด์ธ์ ๊ฐ์ ๋ณต์ฌํด์จ๋ค๋ ๊ฒ์ ๋๋ค.
const numbers = [0, 1, 2, 3, 4, 5, 6];
const [one, ...rest] = numbers; //์ฒซ๋ฒ์งธ ๊ฐ์ ์ ์ธํ ๊ฐ์ rest๋ก ๊ฐ์ ธ์จ๋ค.
console.log(one);
console.log(rest);
โ ๊ฒฐ๊ณผ
0;
[(1, 2, 3, 4, 5, 6)];
์ถ์ฒ
- ํจ์คํธ์บ ํผ์ค ํ๋ก ํธ์๋ ๊ฐ์
๐ฌ ์ต์ ๋๊ธ