为什么 JS Map 函数返回未定义？ [复制]

Question

我有一个长度约为 1000 的数组。为什么 map 函数在某些索引中返回未定义？有没有办法只返回满足这个条件的数组？我想返回一个值 > 0 的数组。

 var total_percents = cars.map(function(element) {
        var savings_percent = Number(element[0].getAttribute("percent-savings"));
        if (savings_percent > 0)
            return savings_percent;
});

Answer 1

您需要在映射后过滤值，您可以使用 filter 数组方法和 car => car > 0 这样的谓词来完成

var total_percents = cars.map((element) => Number(element[0].getAttribute("percent-savings"))).filter(car => car > 0)

您也可以使用reduce 方法同时组合这两个操作：

var total_percents =
  cars.reduce((acc, element) => {
    const percentSavings = Number(element[0].getAttribute("percent-savings"));

    if (percentSavings > 0) {
      acc.push(percentSavings);
    }

    return acc;
  }, [])

Answer 2

不确定您要完成什么，但是：

尝试这样的方法来返回所有 pctSavings 的总和：

const totalPercents = cars.reduce((sum, el) => {
    const pctSavings = +(el[0].getAttribute("percent-savings"));
    if (pctSavings > 0) sum += pctSavings;
    return sum;
}, 0);

要返回一个 pctSavings 数组，只需执行以下操作：

const totalPercents = cars.reduce((arr, el) => {
    const pctSavings = +(el[0].getAttribute("percent-savings"));
    if (pctSavings > 0) arr.push(pctSavings);
    return arr;
}, []);

要获得最大 pctSavings，请执行以下操作：

let maxPctSavings = 0;
cars.forEach(el => {
    const pctSavings = +(el[0].getAttribute("percent-savings"));
    if (pctSavings > maxPctSavings) maxPctSavings = pctSavings
});
console.log(maxPctSavings) // this is your answer

Answer 3

使用reduce 过滤和映射值（应该比单独的filter 和map 更快并且使用更少的内存）

var total_percents = cars.reduce(
  function(out, element) {
    var savings_percent = Number(element[0].getAttribute("percent-savings"));
    if (savings_percent > 0) {
      // Only add to the out-array if value is greater than 0.
      out.push(savings_percent);
    }
    return out;
  },
  [] // start with empty array
);

total_percents 将是一个数组，其值大于 0。

阅读对另一个答案的评论，您想要的是最大节省。 然后我会这样做：

var max_savings = cars.reduce(
  function(value, element) {
    var savings_percent = Number(element[0].getAttribute("percent-savings"));
    return Math.max(savings_percent, value)
  },
  0 // start with no savings
);

Answer 4

如果参数不能转换为数字，“Number”将返回“NaN”（非数字）。然后，您使用字符串“NaN”的数字比较“>”与您的零值进行比较，因此比较失败并且不会返回，因此会出现“未定义”。您可以进行双重比较 - if (typeof Savings_percent == 'string'

if (typeof savings_percent == 'number' && savings_percent > 0)