본문 바로가기
📍 Front-End/🜸 JavaScript

자바스크립트 object 특정 값 삭제하기 (delete 연산자, 깊은 복사, 비구조화 할당)

by 예리Yelee 2023. 5. 23.
반응형

1.  delete 연산자 이용하기

let obj = {a:0, b:1, c:2}
delete obj.a;
console.log(obj);

위 방법을 사용하면 객체에서 특정값만 삭제는 가능하지만
완전 삭제가 아닌 특정값이 삭제된 또 다른 object가 필요할 때가 있다.

 

2.  깊은 복사 후 delete 연산자 이용하기

let obj = {a:0, b:1, c:2}
let copy = JSON.parse(JSON.stringify(obj));
delete copy.a;
console.log(copy);

이 경우에 obj를 깊은 복사 후에 delete 하면 
특정값이 삭제된 새로운 오브젝트를 만들 수 있다

(깊은 복사에는 여러 방법이 있는데 위 예제는 JSON 객체를 이용해서 깊은 복사를 했다)

 

3. 비구조화 할당 이용하기

let obj = {a:0, b:1, c:2}
const { a, ...rest } = obj 
console.log(rest);

가장 간단한 방법..(?)
obj라는 객체에서 a값을 삭제하는 방법이 아닌
a값을 제외한 나머지값을 가져오는 방법이다

비구조화 할당을 이용하여 위와 같이 선언해주고
오브젝트에서 a를 제외한 모든 값을 손쉽게 가져올 수 있다

반응형

댓글