JavaScript 개체에서 속성을 제거하는 방법

JavaScript 객체에서 속성을 제거하는 방법에는 두 가지가 있습니다. 하나는 삭제 연산자를 사용하여 이를 수행하는 변경 가능한 방법입니다. 그리고 두 번째는 object restructuring 을 사용하여 이를 수행하는 불변의 방법입니다. 다음을 각각 살펴보겠습니다.

1. 삭제 연산자

delete는 JavaScript 개체에서 속성을 제거할 수 있는 JavaScript 명령입니다. 그것을 사용하는 몇 가지 방법이 있습니다:

object.property를 삭제합니다.

객체['속성'] 삭제;

연산자는 개체에서 해당 속성을 삭제합니다.

let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const propToBeDeleted = 'author';
delete blog[propToBeDeleted];
console.log(blog); // {name: 'Wisdom Geek'}

삭제 작업은 원래 개체를 수정합니다. 따라서 변경 가능한 작업입니다.

2. 객체 파괴

개체 재구성 및 나머지 구문을 사용하여 제거할 속성이 있는 개체를 분해하고 새 복사본을 만들 수 있습니다. 구조 분해 후 개체의 새 복사본이 생성되고 제거하기로 선택한 속성 없이 새 변수에 할당됩니다.

const { property, ...remainingObject } = object;

예를 들어:

let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const { author, ...blogRest } = blog;
console.log(blogRest) // {name: 'Wisdom Geek'};
console.log(blog); // {name: 'Wisdom Geek', author: 'Saransh Kataria'}

이 작업을 동적으로 수행하려면 다음과 같이 할 수 있습니다.

const name = 'propertToBeRemoved';
const { [name]: removedProperty, ...remainingObject } = object;

동일한 구문을 사용하여 여러 속성을 제거할 수도 있습니다.

이것이 JavaScript 객체에서 속성을 제거하는 두 가지 방법입니다. 질문이 있으시면 아래에 의견을 남겨주세요!

2021년 8월 29일 https://www.wisdomgeek.com에서 원래 게시되었습니다.