객체 해제

@2023/11/06

안녕하세요 lika-7입니다

이번시간에는 객제 해체 정리하겠습니다.

객체 해체 (Object Destructuring)란

객체 해체 (Object Destructuring)란 객체의 속성을 추출하고 변수에 할당하는 방법입니다.

다른 말로 객체 해체 할당 또는 객체 분해라고도 합니다.

객체 내의 속성에 접근하고 해당 값을 변수에 할당하려는 경우에 사용됩니다.

예시

const obj = { name: 'John', age: 30, city: 'New York' };

// 객체 해체
const { name, age, city } = obj;

console.log(name); // 'John'
console.log(age);  // 30
console.log(city); // 'New York'

위 예제에서는 obj라는 객체를 해체하여 name, age, city라는 변수에 객체의 속성 값을 할당했습니다. 이를 통해 변수를 사용하여 해당 속성의 값을 간단하게 참조할 수 있습니다.

또한 객체 속성의 이름을 변경할수도 있습니다

객체 속성 이름 변경 예시

const user = {
  user_name: 'johndoe',
  user_email: 'john@example.com',
};

const { user_name: username, user_email: email } = user;

console.log(username); // 'johndoe'
console.log(email);    // 'john@example.com'

user 객체를 해체 하고

속성의 이름을 바꿔 줍니다

user_name 속성의 이름을 username 로 변경, user_email 이름을 email로 변경

객체 해체는 코드를 더 읽기 쉽게 만들고, 데이터를 구조화 하거나 가공하는 데 매우 요용합니다