[script] 전개구문 ...

 

 

... 설명

... 는 JavaScript의 전개 구문(Spread Operator)입니다! 객체나 배열의 내용을 

"펼쳐서" 가져오는 역할을 해요.

       

// bird 객체

const bird = {

    eat: () => console.log('먹기'),

    sleep: () => console.log('자기')

};

// 1. ... 없이 객체 합치기

const penguin1 = {

    bird: bird,  // bird 객체 전체가 bird라는 키의 값으로 들어감

    swim: () => console.log('수영')

};

console.log(penguin1);

// 결과:

// {

//     bird: { eat: f(), sleep: f() },

//     swim: f()

// }

// 사용: penguin1.bird.eat()  <-- bird를 통해 접근해야 함

// 2. ... 사용해서 객체 합치기

const penguin2 = {

    ...bird,     // bird 객체의 내용이 펼쳐져서 들어감

    swim: () => console.log('수영')

};

console.log(penguin2);

// 결과:

// {

//     eat: f(),

//     sleep: f(),

//     swim: f()

// }

// 사용: penguin2.eat()  <-- 직접 접근 가능

// 1. 객체에서의 전개 구문

const person = {

    name: '철수',

    age: 20

};

const student = {

    ...person,       // person의 모든 속성이 펼쳐져서 들어감

    grade: 'A'

};

console.log(student);

// 결과: { name: '철수', age: 20, grade: 'A' }

// 2. 배열에서의 전개 구문

const numbers1 = [1, 2, 3];

const numbers2 = [4, 5, 6];

const combined = [...numbers1, ...numbers2];

console.log(combined); // [1, 2, 3, 4, 5, 6]

*객체의 내용을 깔끔하게 합칠 수 있음

*기존 기능을 쉽게 확장할 수 있음

*코드가 더 간결해짐

전개 구문은 자바스크립트에서 객체나 배열을 합치거나 복사할 때 매우 유용하게 사용되는 문법입니다!