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