10

鉴于以下情况:

> '10.0.0.1'.split('.').map(parseInt)
[10, NaN, 0, 1]

为什么不是输出:

[10, 0, 0, 1]

尽管以下情况成立:

> x = '10.0.0.1'.split('.');
["10", "0", "0", "1"]

> x[1] == x[2]
true

或者使用parseFloat确实给了我想要的输出;但是我觉得我在这里遗漏了一些重要的东西。

编辑: '10.0.0.1'.split('.').map(function(x) { return parseInt(x); })按预期工作。

EDIT2:我使用的是 Chrome 版本 26.0.1410.64,但这也发生在我的本地 node.js 副本中。

4

2 回答 2

11

查看此链接底部的“Tricky Use Case”,其中解释了NaN

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/map

通常使用带有一个参数(被遍历的元素)的回调。一些函数也通常与一个参数一起使用。这些习惯可能会导致令人困惑的行为。

// Consider:
["1", "2", "3"].map(parseInt);
// While one could expect [1, 2, 3]
// The actual result is [1, NaN, NaN]

// parseInt is often used with one argument, but takes two. The second being the radix
// To the callback function, Array.prototype.map passes 3 arguments: the element, the index, the array
// The third argument is ignored by parseInt, but not the second one, hence the possible confusion.
// See the blog post for more details

// Solution:
function returnInt(element){
  return parseInt(element,10);
}

["1", "2", "3"].map(returnInt);
// Actual result is an array of numbers (as expected) [1, 2, 3]
于 2013-04-23T00:39:21.460 回答
2

快速解决方案,使用parseFloat

'10.0.0.1'.split('.').map(parseFloat); //=> [10,0,0,1]

为什么parseInt没有按预期工作?在这里回答:javascript - Array#map 和 parseInt

于 2013-04-23T00:39:59.500 回答