ES6(ECMAScript 2015)는 JavaScript의 새로운 버전으로, 객체 관련 기능에 몇 가지 유용한 추가를 포함하고 있습니다. 이 기능들은 코드 작성과 유지보수를 더욱 쉽게 만들어줍니다.

이번 글에서는 ES6에서 추가된 객체 관련 기능 몇 가지를 살펴보겠습니다.

• 객체 확장 표현식
• 객체 분해 할당
• 메서드 축약 표현

객체 확장 표현식

이전에 객체를 복사하거나 확장하기 위해서는 다음과 같은 방법을 사용했습니다.

const obj1 = { a: 1, b: 2 };
const obj2 = Object.assign({}, obj1, { c: 3 });

ES6에서는 객체 확장 표현식을 사용하여 이를 더 간단하게 할 수 있습니다.

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };

이제 obj2는 { a: 1, b: 2, c: 3 }와 같이 생성됩니다.

객체 분해 할당

객체 분해 할당은 객체의 속성을 해당하는 변수에 분해하여 할당하는 기능입니다.

const person = { name: 'John', age: 30, city: 'New York' };
const { name, age } = person;
console.log(name, age); // 출력: John 30

이를 통해 객체의 속성을 빠르게 변수로 할당할 수 있습니다.

메서드 축약 표현

ES6에서는 메서드를 객체 리터럴에서 더 간단하게 정의할 수 있도록 메서드 축약 표현이 추가되었습니다.

const person = {
  name: 'John',
  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.sayHello(); // 출력: Hello, my name is John

이제 객체의 메서드를 더 간단하게 정의할 수 있습니다.

ES6에서 추가된 객체 관련 기능은 JavaScript의 객체 다루기를 더욱 편리하게 만들어줍니다. 이를 잘 익혀두면 더 나은 코드를 작성할 수 있을 것입니다.

참고: MDN web docs