JavaScript Array.filter 未按预期工作

Question

这对我来说似乎是正确的，但它不起作用：

var arr = [1, 2, 3, 4, 5];

var bar = [2, 4];

arr = arr.filter(function(v) {
  for (var i; i < bar.length; i++) {
    return bar.indexOf(v);
  }
});

console.log(arr); // []

// expected: [1, 3, 5]

这将如何工作，以及如何对地图进行同样的工作？

Answer 1

Array#filter 遍历数组，你不需要 for 在 filter 中

for 在filter 中的问题在于它会返回元素的索引，如果没有找到它可能是-1(truthy) 并且长度不超过大批。并且仅对于第一个元素，即索引零，filter 不会添加该元素，因为零在 JavaScript 中是错误的。

另外，for 循环只会检查bar 和return 的第一个元素是否从那里开始。

var arr = [1, 2, 3, 4, 5];
var bar = [2, 4];

arr = arr.filter(function(v) {
  return bar.indexOf(v) === -1;
});

console.log(arr);
document.write('<pre>' + JSON.stringify(arr, 0, 4) + '</pre>');

---

您不需要Array#map，map 将在保持相同数量的元素的情况下转换数组元素。

---

ES6：

从 ES6 开始，您可以使用 Array#includes 和箭头函数让您的代码看起来更干净：

let arr = [1, 2, 3, 4, 5];
let bar = [2, 4];

arr = arr.filter(v => !bar.includes(v));

console.log(arr);
document.write('<pre>' + JSON.stringify(arr, 0, 4) + '</pre>');