JS对象删除|极客笔记

JS对象删除

在JavaScript中，对象是一种复合数据类型，可以用来存储多个键值对。常见的对象操作包括添加、修改和删除属性。本文将重点讨论如何删除对象中的属性以及一些删除属性的常见用法。

删除对象属性的方法

在JavaScript中，有几种方法可以删除对象的属性。下面我们将逐一介绍这些方法。

使用delete关键字

使用delete关键字是最常见的删除对象属性的方法。语法如下：

let obj = {
   name: 'Alice',
   age: 30,
   gender: 'female'
}

delete obj.age;

console.log(obj); // { name: 'Alice', gender: 'female' }

在上面的示例中，我们使用delete关键字删除了obj对象中的age属性。当我们输出obj时，发现age属性已经从对象中删除。

需要注意的是，delete操作符只能删除可配置属性。如果尝试删除不可配置的属性，则会返回false，但不会报错。

使用Object.assign()

另一种删除对象属性的方法是使用Object.assign()。Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，并返回目标对象。

let obj = {
   name: 'Alice',
   age: 30,
   gender: 'female'
}

Object.assign(obj, { age: undefined });

console.log(obj); // { name: 'Alice', age: undefined, gender: 'female' }

在上面的示例中，我们使用Object.assign()将obj对象的age属性的值设置为undefined，从而实现删除属性的效果。

需要注意的是，这种方法并不是真正意义上的删除属性，而是将属性的值设置为undefined。

使用解构赋值

还有一种删除对象属性的方法是使用解构赋值。

let obj = {
   name: 'Alice',
   age: 30,
   gender: 'female'
}

let { age, ...rest } = obj;

console.log(rest); // { name: 'Alice', gender: 'female' }

在上面的示例中，我们使用解构赋值将obj对象中的age属性提取出来，其余属性被赋值给rest。从而实现删除属性的效果。

使用Object.defineProperty()

最后一种删除对象属性的方法是使用Object.defineProperty()。Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个已经存在的属性，并返回这个对象。

let obj = {
   name: 'Alice',
   age: 30,
   gender: 'female'
}

Object.defineProperty(obj, 'age', {
   value: undefined,
   configurable: true,
   writable: true
});

console.log(obj); // { name: 'Alice', age: undefined, gender: 'female' }

在上面的示例中，我们使用Object.defineProperty()方法将obj对象的age属性的值设置为undefined，并且将configurable属性设置为true，实现删除属性的效果。

删除属性的注意事项

在删除对象属性时，有一些需要注意的事项，特别是关于属性的可配置性。

可配置性：只有可配置属性才能被删除，不可配置的属性无法被删除。

let obj = {};
Object.defineProperty(obj, 'name', {
   value: 'Bob',
   configurable: false
});

delete obj.name; // false

console.log(obj); // { name: 'Bob' }

在上面的示例中，name属性被设置为不可配置，因此无法删除。