为什么 JavaScript 中 `['1', '2', '3'].map(parseInt)` 返回 `[1, NaN, NaN]` ？

处理 Array#map parseInt 调用中的基数

在 JavaScript 数组的上下文中，map 方法使用提供的回调函数转换每个元素。虽然 map 可以成功地将 Math.sqrt 应用于数字，但它在字符串上使用 parseInt 的行为可能会令人困惑。

人们可能期望 ['1', '2', '3'].map(parseInt) 返回[1,2,3]。然而，它实际上产生 [1, NaN, NaN]。这个奇怪的现象源于 parseInt 的 radix 参数。

Radix 在 parseInt 中的作用

parseInt 需要两个参数：要转换的值和基数。如果省略基数，它将根据输入使用“最佳猜测”。

在 ['1', '2', '3'].map(parseInt) 的情况下，基数变为数组迭代期间每个元素的索引。因此，它最终会调用：

parseInt('1', 0); // Correct (radix defaults to 10)
parseInt('2', 1); // Invalid radix (not a number base)
parseInt('3', 2); // Invalid number in base 2

解决问题

要解决此问题并获得所需的结果 [1, 2, 3]，您可以使用这样的包装函数：

['1', '2', '3'].map(function(num) { return parseInt(num, 10); });

或使用 ES2015语法：

['1', '2', '3'].map(num => parseInt(num, 10));

这里，基数显式设置为 10，以确保正确解析。

以上是为什么 JavaScript 中 `['1', '2', '3'].map(parseInt)` 返回 `[1, NaN, NaN]` ？的详细内容。更多信息请关注PHP中文网其他相关文章！