如何精简实现删除含空键且值为false的对象数组元素？

嘿，你的需求其实可以用JavaScript的数组方法非常简洁地实现，还能避免原for循环潜在的索引跳过问题（当用splice删除元素时，数组长度变化会导致后续元素被跳过，只是你当前数据量小没暴露这个问题）。

1. 仅过滤空键值为false的元素（最简洁） #

如果你只需要删除空键对应值为false的元素，不需要修改对象结构，直接用filter方法就搞定了——你完全可以通过方括号语法直接访问空字符串键：

this.dataTobeDeleted = this.dataTobeDeleted.filter(item => item[""] === true);

2. 过滤+替换空键为isCheckedValue #

如果还要保留原空键的布尔值到新键isCheckedValue并删除原空键，可以结合filter和map：

this.dataTobeDeleted = this.dataTobeDeleted
  .filter(item => item[""] === true)
  .map(item => {
    // 复制原对象避免修改原数据（可选，根据你的需求调整）
    const newItem = {...item};
    newItem.isCheckedValue = newItem[""];
    delete newItem[""];
    return newItem;
  });

3. 单遍历实现（适合大量数据） #

如果处理的数据量很大，想减少遍历次数提升性能，可以用reduce一次完成过滤和对象转换：

this.dataTobeDeleted = this.dataTobeDeleted.reduce((result, item) => {
  if (item[""] === true) {
    const newItem = {...item};
    newItem.isCheckedValue = newItem[""];
    delete newItem[""];
    result.push(newItem);
  }
  return result;
}, []);

这些方法都是函数式写法，代码更简洁易读，而且不会出现原for循环的索引漏洞，处理大量数据时更可靠。

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