js 递归数组对象 根据key键删除某个元素

如果您想要递归地删除数组中具有特定键的对象元素，您可以使用以下 JavaScript 代码示例：

function recursiveDelete(arr, key, value) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i].hasOwnProperty(key) && arr[i][key] === value) {
      arr.splice(i, 1);
      i--; // 由于删除了一个元素，需要将索引值回退一位
    } else if (Array.isArray(arr[i])) {
      recursiveDelete(arr[i], key, value); // 递归调用，处理嵌套数组
    } else if (typeof arr[i] === 'object') {
      recursiveDelete(Object.values(arr[i]), key, value); // 递归调用，处理嵌套对象
    }
  }
}

// 示例用法
const data = [
  { id: 1, name: 'John', children: [] },
  { id: 2, name: 'Jane', children: [
    { id: 3, name: 'Bob', children: [] },
    { id: 4, name: 'Alice', children: [] }
  ] },
  { id: 5, name: 'Mike', children: [] }
];

recursiveDelete(data, 'id', 3);
console.log(data);

在上面的示例中，我们定义了一个名为 `recursiveDelete` 的递归函数，它接受三个参数：要处理的数组、要删除的键和要匹配的值。函数遍历数组的每个元素，如果元素具有指定的键且键对应的值等于给定的值，使用 `splice` 方法将其从数组中删除。如果元素是嵌套的数组，则递归调用 `recursiveDelete` 函数处理嵌套数组。如果元素是对象，则使用 `Object.values` 方法转换为值数组，并再次递归调用 `recursiveDelete` 函数处理嵌套对象。

请注意，上述示例会直接修改原始数组。如果您希望保留原始数组不变，可以在函数内部创建一个新的副本进行处理。