JavaScript 1.6 Array.map()和Array.filter()不使用内置函数作为参数

时间:2010-04-15 18:01:56

标签: javascript arrays

这很好用:

["655971", "2343", "343"].map(function(x) { return parseInt(x) }) // [655971, 2343, 343]

但这并不是:

["655971", "2343", "343"].map(parseInt) // [655971, NaN, NaN]

Array.filter()

也是如此

我在这里缺少什么?

3 个答案:

答案 0 :(得分:21)

这是因为map将更多参数传递给回调函数而不仅仅是数组项。你得到:

callback(item, index, array)

通常你的函数会忽略它不需要的参数。但parseInt接受可选的第二个参数:

parseInt(string, base)
第一次通话

baseindex 0。这样做没问题,因为ECMAScript定义base=0与省略参数相同,因此允许十进制,八进制或十六进制(在这种情况下使用十进制)。

对于第二项和第三项,base12。它尝试将数字解析为base-1(不存在)或base-2(binary)。由于字符串中的第一个数字是这些基数中不存在的数字,因此您得到NaN

一般来说,没有基础的parseInt无论如何都是值得怀疑的,所以你可能想要:

["655971", "2343", "343"].map(function(x) { return parseInt(x, 10) })

答案 1 :(得分:5)

问题是map期望回调应该是一个接受三个参数callbackfn(value, index, array)的函数。

第二个参数与parseInt(string, radix)函数的radix参数发生冲突。

为每个元素映射调用parseInt:

parseInt("655971",0); // 655971
parseInt("2343", 1);  // NaN
parseInt("343", 2);   // NaN

第一个可行,因为如果基数未定义或为0,则假定为10.

答案 2 :(得分:1)

Array.Filter接受一个函数,该函数返回信息,无论要评估的项是否满足条件。 IsNumeric可以满足您的需求。

http://www.hunlock.com/blogs/Mastering_Javascript_Arrays