Destructuring을 활용하여 자바스크립트에서 중복된 속성 키 제거하기

자바스크립트에서 객체나 배열의 속성을 추출할 때 Destructuring 문법을 사용할 수 있습니다. 이 문법을 활용하면 중복된 속성 키를 제거할 수 있습니다. 중복된 속성 키가 있을 경우, 마지막으로 선언된 속성의 값이 유지되며 중복된 속성 키는 사라집니다.

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

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

const { name, age } = obj;

console.log(name); // Jane
console.log(age); // 25

위의 예제에서 obj 객체의 name 속성이 중복되었습니다. 하지만 Destructuring을 통해 name 변수는 마지막으로 선언된 Jane 값으로 할당됩니다. age 변수는 중복된 속성 키가 없으므로 정상적으로 할당됩니다.

배열의 중복된 요소 제거하기

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

const [uniqueArr] = new Set(arr);

console.log(uniqueArr); // 1

위의 예제에서는 arr 배열에서 중복된 요소를 제거하기 위해 Set 객체를 사용했습니다. Set 객체는 중복된 값을 허용하지 않는 특징을 가지고 있으므로, Destructuring을 통해 첫 번째 요소인 uniqueArr 변수에 중복이 제거된 값인 1이 할당됩니다.

Destructuring은 자바스크립트에서 유용한 기능 중 하나로, 중복된 속성 키를 제거하거나 배열의 중복된 요소를 간단하게 제거할 수 있습니다. 이를 통해 코드의 가독성과 유지보수성을 향상시킬 수 있습니다.

#Javascript #Destructuring