JS Array.filter()未按预期移除已折叠项，波函数坍缩代码出错

核心问题分析 #

你遇到的Array.filter()看似失效的问题，其实大概率是两个隐藏问题叠加导致的：

1. 浅拷贝引发的控制台显示混淆
   grid.slice()是浅拷贝，gridCopy里的对象和原grid的对象是同一个引用。你在过滤后执行cell.collapsed = true时，会直接修改原grid中对应对象的属性。而浏览器控制台的console.table会实时更新引用对象的状态，导致你之前打印的gridCopy表格显示的是修改后的属性值，看起来像是过滤没生效，但实际上filter已经正确移除了已折叠项。

2. checkValid函数的语法错误
   函数里的循环条件i >- 0是笔误，实际会被解析为i > -0（等价于i > 0），这会导致循环永远不会处理数组的第0个元素。无效选项无法被彻底清理，进而干扰后续的熵计算和单元格选择，让你误以为是filter的问题。

修复步骤 #

1. 修正checkValid函数的循环条件

把错误的循环条件改为i >= 0，确保所有元素都被检查：

function checkValid(options, valid) {
  for (let i = options.length - 1; i >= 0; i--) {
    if (!valid.includes(options[i])){
      options.splice(i, 1);
    }
  }
}

2. 验证filter的实际效果

替换console.table为直接打印状态值，避免引用更新导致的混淆：

let gridCopy = grid.slice();
// 打印过滤前的状态
console.log("过滤前所有项的collapsed状态：", gridCopy.map(item => item.collapsed));
gridCopy = gridCopy.filter((a) => !a.collapsed);
// 打印过滤后的状态
console.log("过滤后未折叠项数量：", gridCopy.length);
console.log("过滤后项的collapsed状态：", gridCopy.map(item => item.collapsed));

3. 可选：避免引用干扰

如果需要彻底隔离gridCopy和原grid的对象引用，可以使用深拷贝（注意：此方法仅适用于不包含函数、图像等复杂对象的数组）：

let gridCopy = JSON.parse(JSON.stringify(grid));

额外说明 #

修正后，filter函数会正确保留未折叠的单元格，而checkValid能彻底清理无效选项，波函数坍缩的逻辑就能正常运行了。

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