删除多个对象属性？

Question

我创建了一个具有多个属性的对象 -

var objOpts = {
  option1: 'Option1',
  option2: 'Option2',
  option2: 'Option3'
};

我稍后会添加更多属性 -

objOpts.option4 = 'Option4'
objOpts.option5 = 'Option5'

我已经完成了后两个创建的属性（'Option4' 和 'Option5'），我想清除/删除这两个属性。

目前我会这样做 -

delete objOpts.option4
delete objOpts.option5

还有其他方法可以做到这一点吗？想象一下，我又添加了 5 个属性并需要清除/删除它们，这将是五行几乎相同的“删除”代码

Answer 1

ES6 对此提供了一个优雅的解决方案：Rest in Object Destructuring：

let { a, b, ...rest } = { a: 10, b: 20, c: 30, d: 40 };
console.log(rest); // { c: 30, d: 40 }

请注意，这不会改变原始对象，但有些人可能仍然觉得这很有用。

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Answer 2

使用库 lodash 有一个简单的修复方法。

_.omit 函数获取您的对象和要删除的键数组，并返回一个新对象，该对象具有原始对象的所有属性，但数组中提到的属性除外。

这是一种删除键的巧妙方法，因为使用它可以获得一个新对象，而原始对象保持不变。这避免了突变问题，如果我们删除原始对象中的键，则使用该对象的所有其他代码部分可能会破坏或引入代码中的错误。

例子

var obj = {x:1, y:2, z:3};
var result = _.omit(obj, ['x','y']);
console.log(result);

//Output
result = {z:3};

Click Here的文档链接

Answer 3

我确定您正在尝试向对象添加自定义属性。

我建议的一种更简单的方法是创建一个子属性：

objOpts.custom.option4 = 'Option4'
objOpts.custom.option5 = 'Option5'

这样你就可以delete objOpts.custom 完成它。请注意，在此步骤之后，您必须重新创建 objOpts.custom = {}。

此外，这种方式也更接近 OOP，因为您的公共属性很容易与私有属性区分开来。

如果您刚开始在 JavaScript 中删除对象，我想指出一篇关于该主题的出色文章：http://perfectionkills.com/understanding-delete/

您可以使用元属性来保护属性不被删除等（为您的案例创建更好的编码流程）

编辑：

我想补充一点，而不是删除和重新创建属性，您可以简单地说 objOpts.custom = {}，这会从内存中释放 option4 和 option5（最终通过垃圾收集）。

Answer 4

一种方法是创建一个单独的函数，将您的对象和属性作为参数。

Js fiddle example

代码如下：

var objOpts = {
  option1: 'Option1',
  option2: 'Option2',
  option3: 'Option3',
  option4: 'Option4'
};

/** 
 * Method for removing object properties
 *
 */
var removeObjectProperties = function(obj, props) {

    for(var i = 0; i < props.length; i++) {
        if(obj.hasOwnProperty(props[i])) {
            delete obj[props[i]];
        }
    }

};

// remove
removeObjectProperties(objOpts, ["option1", "option2"]);

// objOpts - after
console.log(objOpts);

Answer 5

我还会提供比 Mauno Vänä 更现代的方法：

function deleteProps (obj, prop) {
    for (const p of prop) {
        (p in obj) && (delete obj[p]);
    }    
}

例子：

// Create sample object
const myObject = {
    a: 'Foo',
    b: 'Baa',
    c: 'Oof'
};

// Prints: {a: "Foo", b: "Baa", c: "Oof"}
console.log(myObject);

// Delete props
deleteProps(myObject, ['a', 'b']);

// Prints: {c: "Oof"}
console.log(myObject);

Answer 6

var obj = {"key1":1,"key2":2,"key3":3,"key4":4};

if (!('multidelete' in Object.prototype)) {
Object.defineProperty(Object.prototype, 'multidelete', {
    value: function () {
        for (var i = 0; i < arguments.length; i++) {
            delete this[arguments[i]];
        }
    }
});
}

obj.multidelete("key1","key3");

您可以像这样使用它来删除对象中的多个键

Answer 7

另一种选择是使用Object.assign 将属性设置为null 或undefined，具体取决于您的用例。这不会删除属性，但会清除它们。所以你会做这些：

// Modify the object directly
Object.assign(objOpts, {option4: null, option5: null});

或

// Create a copy of the object with the properties cleared 
const newObject = Object.assign({}, objOpts, {option4: null, option5: null});

您还可以使用数组列出要使用Array.reduce() 清除的属性，以创建Object.assign() 的最后一个参数。

Answer 8

Object.keys(object).forEach((prop) => delete object[prop]);

Answer 9

var extraOpts = {}
extraOpts.options = ['option4','option5','option6','option7','option8']
delete extraOpts.options
console.log(extraOpts.options)