JavaScript 펼침연산자

객체 : 데이터 불러오기 : 펼침연산자 - 복사

배열 혹은 객체에 포함된 항복을 그대로 복사해 목록으로 만듭니다.

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}

const spread = { ...obj }

document.write(spread.a)
document.write(spread.b)
document.write(spread.c)

결과보기

 

객체 : 데이터 불러오기 : 펼침연산자 - 추가

복사한 항목 뒤에 항목을 추가합니다.

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}
const spread = { ...obj, d: "jquery" }

document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);

결과보기

 

객체 : 데이터 불러오기 : 펼침연산자 - 결합

2개 이상의 객체 혹은 배열을 결합합니다.

const objA = {
    a: 100,
    b: 200
}

const objB = {
    c: "javascript",
    d: "jquery"
}
const spread = { ...objA, ...objB }

document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);

결과보기