如何通过路径数组动态删除JavaScript嵌套对象属性？

我明白你的需求：想要通过路径数组来删除嵌套对象里的指定属性，比如调用deleteProp(test,['foo','bar','qwe'])要和直接执行delete test.foo.bar.qwe完全等价。你的现有代码没达到预期，问题出在两个关键点上：

你的代码为什么不对？ #

1. 错误覆盖了中间对象：你在forEach里做了lastSubObj[segment] = ...，这会把路径上的中间对象（比如test.foo.bar）替换成新的空对象，导致原来的abc属性直接丢失。
2. 没有真正删除属性：最后只是把lastSubObj设为undefined，这只是修改了变量的引用，并没有从父对象上移除该属性——所以你看到的是属性值变成undefined，而不是属性被完全删除。

正确的实现方式 #

我们需要先遍历到目标属性的父对象，然后用delete操作符真正移除该属性，同时还要处理路径不存在的边界情况：

function deleteProp(obj, pathSegments) {
  let current = obj;
  // 遍历到倒数第二个路径段，找到目标属性的父对象
  for (let i = 0; i < pathSegments.length - 1; i++) {
    const segment = pathSegments[i];
    // 如果路径中途不存在，或者不是对象/数组，直接返回原对象
    if (!current || typeof current !== 'object') {
      return obj;
    }
    current = current[segment];
  }
  // 确保父对象存在，再执行删除操作
  if (current && typeof current === 'object') {
    const lastSegment = pathSegments.at(-1);
    delete current[lastSegment];
  }
  return obj;
}

// 测试验证
var test = { foo: { bar: { qwe: 123, abc: ['x','y','z'] } } };
deleteProp(test, ['foo','bar','qwe']);
console.log(test); // 输出：{ foo: { bar: { abc: ['x','y','z'] } } }

代码逻辑说明 #

• 先循环遍历路径数组的前n-1个元素，一步步定位到目标属性的父对象（这里就是test.foo.bar）
• 最后用delete操作符删除父对象上的最后一个路径段对应的属性，这才是真正移除该属性的正确方式
• 加入了边界判断，避免路径不存在时抛出Cannot read properties of undefined的错误

内容的提问来源于stack exchange，提问作者Forivin