ES6

Spread Operator

배열을 합치고 싶다. 

- 방법1 ( x )

const aDays = ["Monday","Tuesday","Wednesday"];
const bDays = ["Thursday","Friday","Saturday"];
const Days = aDays + bDays;

console.log(Days); // Monday,Tuesday,WednesdayThursday,Friday,Saturday

- 방법2 ( x )

const aDays = ["Monday","Tuesday","Wednesday"];
const bDays = ["Thursday","Friday","Saturday"];
const Days = [aDays + bDays];

console.log(Days); // ["Monday,Tuesday,WednesdayThursday,Friday,Saturday"]

- 방법3 ( x )

search-suggestions.js:1 Failed to load resource: net::ERR_FAILED
const aDays = ["Monday","Tuesday","Wednesday"];
const bDays = ["Thursday","Friday","Saturday"];
const Days = [aDays, bDays];

console.log(Days); // [Array[3],Array[3]]

 

Spread Operator 를 활용하면 쉬워진다.

배열을 담은 변수를 '...' 와 함께 [ ] 내에서 사용하면 해당 변수의 배열 아이템을 리턴하게 된다.

- 방법4 ( o )

const aDays = ["Monday","Tuesday","Wednesday"];
const bDays = ["Thursday","Friday","Saturday"];
const Days = [...aDays, ...bDays, "Sunday"];

console.log(Days); 
// ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
 
객체에서도 사용할 수 있다.
const objA = {
    a:"a",
    b:"b"
}
const objB = {
    c:"c"
}
const objC = {...objA, ...objB}
console.log(objC) // {a: "a", b: "b", c: "c"}

 

함수에서도 활용할 수 있다.

const fn = (args) => console.log(...args)
fn([1,2,3]) // 1 2 3

 

 

 

댓글

댓글 본문
작성자
비밀번호
버전 관리
gamza
현재 버전
선택 버전
graphittie 자세히 보기