动态删除对象属性 JavaScript

Question

我有以下代码来获取给定对象的密钥。所以对于对象{"hello": {"data": {"a": "world", "b": "random"}}}，如果传入的键是hello.data.a，那么输出就是world。

(object, key) => {
    const keyParts = key.split(".");
    let returnValue = object;
    keyParts.forEach((part) => {
        if (returnValue) {
            returnValue = returnValue[part];
        }
    });
    return returnValue;
}

我试图弄清楚如何以相同的方式动态删除属性。因此，例如对于相同的对象和键，它会将对象更改为 {"hello": {"data": {"b": "random"}}}。

基本上我希望与delete object.hello.data.a 具有相同 的行为。但问题是hello.data.a 部分是传入的动态字符串。当然，delete object[key] 之类的东西不起作用，因为键具有嵌套级别。如果它只有 1 级深，它会起作用，但不适用于嵌套项。

另一个重要的注意事项是，在这种情况下，性能非常重要。因此，尽管创建一个新对象并复制除我要删除的那个之外的所有属性可能 工作，但我非常担心它与 delete 关键字的性能影响。 p>

由于其他外部因素，我也不想将属性值设置为null 或undefined。我希望真正从对象中删除密钥。

我怎样才能做到这一点？

Answer 1

要删除，.pop() 关闭最后一个键以标识要删除的属性。如果您想避免使用delete 关键字，您还需要替换该键所在的最后一个对象，而不是对其进行变异，因此.pop() 将下一个键关闭为好吧。

然后，使用您当前的方法（或.reduce）访问最后一个外部对象。删除其中一个键：

• 要使用delete 进行变异，使用保存的密钥，使用delete[nextLastKey][lastKey]
• 要创建一个全新的对象但没有保存的键，请在创建新对象期间使用 rest 语法排除 lastKey，然后将新对象分配给父对象的 nextLastKey：

const fn = (object, key) => {
    const keys = key.split(".");
    const lastKey = keys.pop();
    const nextLastKey = keys.pop();
    const nextLastObj = keys.reduce((a, key) => a[key], object);
    
    // delete version:
    // delete nextLastObj[nextLastKey][lastKey]
    
    // non-delete version:
    const { [lastKey]: _, ...rest } = nextLastObj[nextLastKey];
    nextLastObj[nextLastKey] = rest;
    return object;
}

const obj = {"hello": {"data": {"a": "world", "b": "random"}}};
const result = fn(obj, 'hello.data.a');
console.log(result);

Answer 2

实际上，您的答案就在那里 - 在您提供的代码 sn-p 中。它只需要稍作修改，如下所示：

const delProp = (object, key) => {
    const keyParts = key.split(".");
    let returnValue = object;
    
    let parent, lastKey;  // added
    keyParts.forEach((part) => {
        if (returnValue) {
            parent = returnValue; // added
            lastKey = part;  // added
            returnValue = parent[lastKey];
        }
    });
    
    if(parent) {
      delete parent[lastKey];  // added
    }
    
    return returnValue;
}


const obj = {"hello": {"data": {"a": "world", "b": "random"}}};

console.log(delProp(obj, 'hello.data.a'));
console.log(obj)

还要注意，在 JS 中 for 循环本质上是 more efficient 而不是 forEach 数组函数。因此，我会更改相关部分：

for (const i = 0, i = keyParts.length; i++) {
    // ...
}

Answer 3

你可以使用lodash库_.omit函数

_omit(object, path)

https://lodash.com/docs/4.17.15#omit

小心，因为这个函数不会改变对象，而是返回一个没有删除键的新对象。

Answer 4

您仍然可以使用括号语法删除。

我添加了另一个示例，因为反对者似乎认为它无法做到。只要您知道基本对象，就应该没有区别。我将通过“。”离开拆分。作为一个简单的练习，因为它不是核心问题的一部分。

var thing = {"hello": {"data": {"a": "world", "b": "random"}}};
delete thing.hello.data["a"];
console.log(thing);


var thing2 = {"hello": {"data": {"a": "world", "b": "random"}}};
delete thing2["hello"]["data"]["a"];
console.log(thing2);