Spread , rest 그리고 비구조화 할당

spread

spread 라는 단어가 가지고 있는 의미는 펼치다 퍼뜨리다 이다. spread를 사용하면, 객체 혹은 배열을 펼칠수 있다.

let a = 'hello'
let b = [...a]
console.log(b) // ['h','e','l','l','o']

let c = [1,2,3,4,5]
let d = [...c]
console.log(d) // [1,2,3,4,5]

rest

function foo(...rest) {
    console.log(Array.isArray(rest));
    console.log(rest);
};

foo(1, 2, 3, 4, 5);
/*
true
[1, 2, 3, 4, 5]
*/

위와 같이 rest를 쓸수있는데 rest는 배열형태로 반환을 한다.

비구조화 할당

const mancity = ["KDB", "aguero", " sterling "];
const KDB = mancity[0];
const aguero = mancity[1];
const sterling = mancity[2];
console.log(KDB); // KDB
console.log(aguero); // aguero
console.log(sterling); // Sterling

mancity 가진 값을 각각 변수에 꺼내어 쓰려고 하면 이렇게 직접 하나하나 지정을 해주어야 한다.

그러나 이런 단점을 비구조할당을 쓰면 편해진다.

const [KDB, aguero, sterling] = ["KDB", "aguero", "sterling"];
console.log(KDB); // KDB
console.log(aguero); // aguero
console.log(sterling); // Sterling

비구조화 할당을 이용하면 위처럼 간단하게 작성할 수 있다.😎

여기서 rest문법을 사용하면 더 유용해 진다.

const mancity = ["KDB", "aguero", "sterling"];
const [KDB, ...restMancity] = mancity;
console.log(KDB); // KDB
console.log(restMancity); // ["aguero", "sterling"]

이렇게 사용할 수 있다.