如何快速清除 JavaScript 对象？

Question

使用 JavaScript 数组，我可以通过一次赋值将其重置为空状态：

array.length = 0;

这使数组“看起来”为空并准备好重复使用，据我所知，这是一个单一的“操作”——即恒定时间。

有没有类似的清除 JS 对象的方法？我知道我可以迭代它的字段来删除它们：

for (var prop in obj) { if (obj.hasOwnProperty(prop)) { delete obj[prop]; } }

但这具有线性复杂性。

我也可以把对象扔掉并创建一个新对象：

obj = {};

但是“混杂”创建新对象会导致 IE6 上的垃圾收集出现问题。 (As described here)

Answer 1

好吧，冒着让事情变得太容易的风险......

for (var member in myObject) delete myObject[member];

...在一行代码中用最少的可怕括号清理对象似乎非常有效。所有成员将被真正删除，而不是作为垃圾。

显然，如果您想删除对象本身，您仍然需要为此执行单独的 delete()。

Answer 2

ES5

ES5解决方案可以是：

// for enumerable and non-enumerable properties
Object.getOwnPropertyNames(obj).forEach(function (prop) {
  delete obj[prop];
});

ES6

而ES6的解决方案可以是：

// for enumerable and non-enumerable properties
for (const prop of Object.getOwnPropertyNames(obj)) {
  delete obj[prop];
}

性能

无论规格如何，最快的解决方案通常是：

// for enumerable and non-enumerable of an object with proto chain
var props = Object.getOwnPropertyNames(obj);
for (var i = 0; i < props.length; i++) {
  delete obj[props[i]];
}

// for enumerable properties of shallow/plain object
for (var key in obj) {
  // this check can be safely omitted in modern JS engines
  // if (obj.hasOwnProperty(key))
    delete obj[key];
}

for..in 应该只在浅层或普通对象上执行的原因是它遍历原型继承的属性，而不仅仅是可以删除的自己的属性。如果不确定一个对象是普通的并且属性是可枚举的，for 和 Object.getOwnPropertyNames 是更好的选择。

Answer 3

我认为，对您的问题的简短回答是否定的（您可以创建一个新对象）。

1. 在此示例中，我相信将长度设置为 0 仍会将所有元素留给垃圾回收。

2. 如果您经常使用它，您可以将它添加到 Object.prototype 中。是的，它的复杂性是线性的，但以后不进行垃圾收集的任何东西都会。

3. 这是最好的解决方案。我知道这与您的问题无关 - 但我们需要继续支持 IE6 多久？有许多活动要停止使用它。

以上如有不妥之处，欢迎指正。

Answer 4

你可以试试这个。下面的函数将对象属性的所有值设置为未定义。也适用于嵌套对象。

var clearObjectValues = (objToClear) => {
    Object.keys(objToClear).forEach((param) => {
        if ( (objToClear[param]).toString() === "[object Object]" ) {
            clearObjectValues(objToClear[param]);
        } else {
            objToClear[param] = undefined;
        }
    })
    return objToClear;
};

Answer 5

因此，回顾一下您的问题：您希望尽可能避免 IE6 GC 错误带来的麻烦。该错误有两个原因：

1. 垃圾收集每隔这么多分配发生一次；因此，您进行的分配越多，运行的 GC 就越频繁；
2. “空中”的对象越多，每次垃圾收集运行所花费的时间就越多（因为它会爬过整个对象列表以查看哪些对象被标记为垃圾）。

导致 1 的解决方案似乎是：减少分配次数；尽可能少地分配新的对象和字符串。

导致 2 的解决方案似乎是：减少“活动”对象的数量；不再需要时立即删除字符串和对象，并在必要时重新创建它们。

在一定程度上，这些解决方案是矛盾的：保持内存中的对象数量较少将需要更多的分配和取消分配。相反，不断重用相同的对象可能意味着在内存中保留的对象数量超过了绝对必要的数量。

---

现在回答你的问题。是通过创建一个新对象还是通过删除其所有属性来重置对象：这将取决于您以后要如何处理它。

您可能想要为其分配新属性：

• 如果您立即这样做，那么我建议直接分配新属性，然后先跳过删除或清除。 （不过，请确保 所有 属性都被覆盖或删除！）
• 如果该对象不会立即使用，但会在稍后阶段重新填充，那么我建议将其删除或将其分配为 null，然后再创建一个新对象。

没有一种快速、易于使用的方法可以清除 JScript 对象以供重用，就好像它是一个新对象一样 — 无需创建一个新对象。这意味着您的问题的简短回答是“不”，就像 jthompson 所说的那样。

Answer 6

最简单的方法：

Object.keys(object).forEach(key => {
  delete object[key];
})

Object.keys 会将对象的每个键作为数组返回，例如：

const user = {
  name: 'John Doe',
  age: 25,
};

Object.keys(user) // ['name', 'age']

forEach 将为每个元素运行第一个参数中的函数，delete 关键字从对象中删除一个键。 因此，代码会为每个键删除对象的一个​​键。

Answer 7

期待 ES7 中的 Object.observe 和一般数据绑定的新思考。考虑：

var foo={
   name: "hello"
};

Object.observe(foo, function(){alert('modified');}); // bind to foo

foo={}; // You are no longer bound to foo but to an orphaned version of it
foo.name="there"; // This change will be missed by Object.observe()

所以在这种情况下，#2 可能是最好的选择。

Answer 8

这困扰了我很久，所以这是我的版本，因为我不想要一个空对象，我想要一个具有所有属性但重置为某个默认值的对象。有点像类的新实例化。

let object1 = {
  a: 'somestring',
  b: 42,
  c: true,
  d:{
    e:1,
    f:2,
    g:true,
    h:{
      i:"hello"
    }
  },
  j: [1,2,3],
  k: ["foo", "bar"],
  l:["foo",1,true],
  m:[{n:10, o:"food", p:true }, {n:11, o:"foog", p:true }],
  q:null,
  r:undefined
};

let boolDefault = false;
let stringDefault = "";
let numberDefault = 0;

console.log(object1);
//document.write("<pre>");
//document.write(JSON.stringify(object1))
//document.write("<hr />");
cleanObject(object1);
console.log(object1);
//document.write(JSON.stringify(object1));
//document.write("</pre>");

function cleanObject(o) {
  for (let [key, value] of Object.entries(o)) {
    let propType = typeof(o[key]);

    //console.log(key, value, propType);

    switch (propType) {
      case "number" :
        o[key] = numberDefault;
        break;

      case "string":
        o[key] = stringDefault;
        break;

      case "boolean":
        o[key] = boolDefault;    
        break;

      case "undefined":
        o[key] = undefined;   
        break;

      default:
        if(value === null) {
            continue;
        }

        cleanObject(o[key]);
        break;
    }
  }
}

// EXPECTED OUTPUT
// Object { a: "somestring", b: 42, c: true, d: Object { e: 1, f: 2, g: true, h: Object { i: "hello" } }, j: Array [1, 2, 3], k: Array ["foo", "bar"], l: Array ["foo", 1, true], m: Array [Object { n: 10, o: "food", p: true }, Object { n: 11, o: "foog", p: true }], q: null, r: undefined }
// Object { a: "", b: 0, c: undefined, d: Object { e: 0, f: 0, g: undefined, h: Object { i: "" } }, j: Array [0, 0, 0], k: Array ["", ""], l: Array ["", 0, undefined], m: Array [Object { n: 0, o: "", p: undefined }, Object { n: 0, o: "", p: undefined }], q: null, r: undefined }

Answer 9

您可以删除道具，但不要删除变量。 delete abc; 在 ES5 中无效（并使用 use strict 抛出）。

您可以将其分配为 null 以将其设置为删除到 GC（如果您有其他对属性的引用，则不会）

在对象上设置length 属性不会改变任何东西。 （它只是设置属性）

Answer 10

假设您的对象名称是 BASKET，只需设置 BASKET = "";