펼침연산자

펼침연산자

펼침연산자는 점3개(...)로 표시하며 복잡한 갹체 나열을 단순화하거나 객체의 병합, 함수의 인자 처리를 단순하게 처리할 수 있도록 개선하는 함수입니다.

펼침연산자는 복사, 추가, 결합의 3가지 기능이 있습니다.

---

1. 펼침연산자 : 복사

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

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

    //복사
    const spread = { ...obj }   //...이 펼침연산자의 기능

    document.write(spread.b);
    document.write(spread.b);
    document.write(spread.b);
}

결과보기

2. 펼침연산자 : 추가

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

{
    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);
}

결과보기

3. 펼침연산자 : 결합

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);
}

결과보기