객체의 스프레드, 디스트럭쳐링

 

 

 

---

 

스프레드와 디스트럭쳐링은 무엇일까?

 

 

---

 

 

 

 

스프레드  (Spread)

 

--

스프레드는

기존의 객체를 가지고 복사, 확장, 병합, 덮어쓰기를 하여 새로운 객체를 만들 수 있다.

 

스프레드 연산자는 (...)다.

 

예시 코드

// 객체 복사
const person = { name: "Alice", age: 25 };
const copyPerson = { ...person };

console.log(copyPerson); // { name: "Alice", age: 25 }
console.log(copyPerson === person); // false (완전히 새로운 객체)

// 객체 확장 (새로운 속성 추가)
const person = { name: "Alice", age: 25 };
const newPerson = { ...person, job: "Developer" };

console.log(newPerson); // { name: "Alice", age: 25, job: "Developer" }

// 객체 병합
const person = { name: "Alice", age: 25 };
const additionalInfo = { job: "Developer", country: "USA" };

const mergedPerson = { ...person, ...additionalInfo };

console.log(mergedPerson); 
// { name: "Alice", age: 25, job: "Developer", country: "USA" }

// 기존 속성 덮어쓰기
const person = { name: "Alice", age: 25 };
const updatedPerson = { ...person, age: 30 };

console.log(updatedPerson); // { name: "Alice", age: 30 }

--

 

 

 

 

디스트럭쳐링  (Destructuring)

 

--

객체에서 필요한 속성만 추출하여 변수에 할당할 때 사용된다.

 

예시 코드

// 기존 코드
const obj = {
    x: 1,
    y: 2,
    z: 3
};

const x = obj.x;
const y = obj.y;
const z = obj.z;

// 디스트럭쳐링 사용
const obj = {
    x: 1,
    y: 2,
    z: 3
}

const {x, y, z} = obj;

객체의 일부 변수만 가져오는 것도 가능

--