자바스크립트에서 객체나 배열에서 중복된 속성 키를 제거하는 방법은 다양합니다. 그 중 하나는 Destructuring(구조 분해 할당)을 사용하는 것입니다. Destructuring을 사용하면 해당 속성 키를 바로 가져올 수 있고, 중복된 키를 제외할 수 있습니다.

객체의 중복된 속성 키 제거하기

예를 들어, 다음과 같은 객체가 있을 때 중복된 키를 제거하고자 한다면:

const obj = {
  name: 'John',
  age: 25,
  name: 'Jane',
  gender: 'female'
};

Destructuring을 활용하여 중복된 “name” 속성 키를 제거할 수 있습니다. 이를 위해 다음과 같이 코드를 작성할 수 있습니다:

const { name, ...rest } = obj;

이제 “name” 변수에는 “Jane”이 할당되고, “rest” 변수에는 중복된 키가 제거된 나머지 속성들이 할당됩니다.

배열의 중복된 속성 키 제거하기

만약 배열에서 중복된 키를 제거하고 싶다면, Destructuring을 사용하여 새로운 배열을 생성할 수 있습니다. 예를 들어:

const arr = [1, 2, 2, 3, 4, 4, 5];

Destructuring을 활용하여 중복된 키를 제거하고 새로운 배열을 생성하려면 다음과 같이 코드를 작성할 수 있습니다:

const deduplicatedArr = [...new Set(arr)];

위 코드는 new Set()을 사용하여 배열의 중복된 항목을 제거하고, spread 연산자 ...를 사용하여 새로운 배열로 변환합니다.

이제 “deduplicatedArr” 변수에는 중복된 키가 제거된 [1, 2, 3, 4, 5] 배열이 할당됩니다.

요약

Destructuring을 사용하여 자바스크립트에서 중복된 속성 키를 제거하는 방법을 알아보았습니다. 객체에서 중복된 키를 제거하려면 Destructuring을 사용하여 해당 속성 키를 가져온 후, 나머지 속성들을 새로운 변수에 할당하면 됩니다. 배열에서 중복된 키를 제거하려면 new Set()과 spread 연산자 ...를 활용하여 중복된 항목을 제거한 후, 새로운 배열로 변환할 수 있습니다.

[ #JavaScript #Destructuring #중복된속성키제거 ]