从对象中删除所有属性

当我们需要将 JavaScript 对象中的所有属性清空时，可以采用以下几种方法：

方法一：使用 for...in 循环

我们可以使用 for...in 循环遍历对象中的所有属性，并通过 delete 关键字将其删除。示例代码如下：

const obj = { a: 1, b: 2, c: 3 };

for (let prop in obj) {
  delete obj[prop];
}

console.log(obj); // 输出 {}

但是需要注意的是，使用 for...in 循环存在以下几个问题：

1. 可能会遍历到原型链上的属性。
2. 如果对象属性过多，循环删除效率较低。

方法二：使用 Object.keys() 方法

我们也可以使用 Object.keys() 方法获取对象中的所有属性名，并通过 forEach() 方法遍历并删除每一个属性。示例代码如下：

const obj = { a: 1, b: 2, c: 3 };

Object.keys(obj).forEach(function(prop) {
  delete obj[prop];
});

console.log(obj); // 输出 {}

使用 Object.keys() 方法的优点是：

1. 只返回对象自身的属性，不包括原型链上的属性。
2. 效率比 for...in 循环要高。

方法三：直接重新赋值一个空对象

另外，我们还可以直接重新赋值一个空对象来清空原对象中的所有属性。示例代码如下：

let obj = { a: 1, b: 2, c: 3 };

obj = {};

console.log(obj); // 输出 {}

这种方法的好处是简洁明了，但需要注意的是，重新赋值可能会影响到原对象的引用关系。

总结

以上是三种常见清空 JavaScript 对象属性的方法，每种方法都有其适用场景和局限性。我们根据实际开发需求选择合适的方法即可。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27524