如何跳过。map（）中的元素？

Question

如何跳过.map中的数组元素？

我的代码：

var sources = images.map(function (img) {
    if(img.src.split('.').pop() === "json"){ // if extension is .json
        return null; // skip
    }
    else{
        return img.src;
    }
});

这将返回：

["img.png", null, "img.png"]

Answer 1

只需.filter()首先：

var sources = images.filter(function(img) {
  if (img.src.split('.').pop() === "json") {
    return false; // skip
  }
  return true;
}).map(function(img) { return img.src; });

如果您不想这样做，这并不是不合理的，因为它有一些成本，您可以使用更通用的.reduce()。通常可以用.reduce表示.map():

someArray.map(function(element) {
  return transform(element);
});

可以写成

someArray.reduce(function(result, element) {
  result.push(transform(element));
  return result;
}, []);

因此，如果需要跳过元素，可以使用.reduce():

var sources = images.reduce(function(result, img) {
  if (img.src.split('.').pop() !== "json") {
    result.push(img.src);
  }
  return result;
}, []);

在该版本中，第一个示例中的.filter()中的代码是.reduce()回调的一部分。只有在筛选操作会保留图像源的情况下，图像源才会被推送到结果数组上。

更新--这个问题得到了很多关注，我想补充以下澄清的话。作为一个概念，.map()的目的是完成“map”的确切含义：根据某些规则将一个值列表转换为另一个值列表。就像一个国家的纸质地图如果完全缺少几个城市会看起来很奇怪一样，从一个列表到另一个列表的映射只有在结果值为1到1的情况下才真正有意义。

我并不是说从排除了一些值的旧列表创建新列表没有意义。我只是想说明.map()有一个简单的意图，即创建一个与旧数组长度相同的新数组，只使用由旧值转换形成的值。