javascript - 我的代码应该删除所有错误值，但事实并非如此？

Question

我的代码应该删除错误值，但它只删除给定数组中的第一个错误值

const arr = [7, "ate", "", false, 9]



function bouncer(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (!arr[i]) {
      arr.splice(i, 1)
    }
  }
  return arr;
}

console.log(bouncer(arr))

Answer 1

你不能像这样向上迭代和缩短你的数组； splice 具有修改原始数组的副作用。

考虑在 [false, false, true] 情况下会发生什么

1. i = 0, length = 3, arr = [(false), false, true] -> arr 变为 [假，真]
2. i = 1, length = 2, arr = [false, (true)]-> arr 保持 [false , 真]

(括号表示当前目标)

解决方案:

• 向下迭代，而不是向上迭代

  for (let i = arr.length - 1; i >= 0; --i) if (!arr[i]) arr.splice(i, 1);
  

• 改用Array.prototype.filter(这也会提高可读性)

  arr = arr.filter((item) => !!item);