js中的map(parseInt)问题

廖雪峰老师的js中有这样一个例子:小明希望利用map()把字符串变成整数,他写的代码很简洁:

'use strict';

var arr = ['1', '2', '3'];
var r;

r = arr.map(parseInt);

console.log(r);

结果竟然是1, NaN, NaN,小明百思不得其解,请帮他找到原因并修正代码。


按照常理来说,map将函数对象作为其参数,迭代遍历数组的每个元素,并为每个元素调用一次函数,将元素值作为参数传递。这些函数调用的结果累积到一个新数组中。parseInt是内置函数,它尝试将字符串解析为数字并返回,如果无法解析为数字则返回NaN。所以上述例子应该显示1,2,3。那么问题出在哪?


根据map文档可知,map()语法:

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
    // Return element for new_array
}[, thisArg])

callback:产生新数组元素的函数,带有三个参数:currentValue、index和array
所以,所以例子中的parseInt函数应该是:parseInt(“1”,0,arr)、parseInt(“2”,1,arr)、parseInt(“3”,2,arr)。

那么我们再来看看parseInt这个内置函数,根据parseInt文档,parseInt(语法):

parseInt (string , radix)

parseInt函数根据指定的基数radix生成一个整数值,该值由字符串参数string的内容解释决定。字符串中的前导空格被忽略。如果基数未定义或为0,则默认是10。
例如:parseInt(‘1’)、parseInt(‘1’,0)以及parseInt(‘1’,10),结果都是1。
同理:parseInt(‘ABCD’,16)结果为43981,而parseInt(‘ABCD’,8)结果为NaN

由此可见:
由于parseInt中只需要两个参数,parseInt(“1”,0,arr)、parseInt(“2”,1,arr)、parseInt(“3”,2,arr)实为parseInt(“1”,0)、parseInt(“2”,1)、parseInt(“3”,2)。只有parseInt(“1”,0)是能够被正确解析的,结果为1,parseInt(“2”,1)、parseInt(“3”,2)不能被正确解析,结果为NaN。


修改例子:

r = arr.map(Number);

r = arr.map(function (value){
    return parseInt(value);
});
  • 13
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 这个语句的意思是将一个数组的每个元素都应用 parseInt 方法进行转换,并将转换后的结果存储到一个新的数组返回。其parseInt 方法将字符串解析成整数值。如果数组的元素无法解析成整数,则会返回NaN。例如: ``` const arr = ['10', '20', '30']; const newArr = arr.map(parseInt); console.log(newArr); // [10, NaN, NaN] ``` 在这个例子parseInt 方法在遍历第一个元素时,会将 '10' 解析成整数 10。但是在遍历第二个元素时,parseInt 方法会将它解析成十进制数 2,因为它以 '2' 开头。同理,对于第三个元素,parseInt 方法会将它解析成十进制数 3。因此,最终的结果数组为 [10, NaN, NaN]。 ### 回答2: mapparseInt)是一种数组方法,在JavaScript常用于对数组进行遍历和处理。它通过传入一个回调函数来对数组的每个元素进行操作,并返回一个新的数组。 parseInt是将字符串转换为整数的方法,它可以接收两个参数,第一个参数是要转换的字符串,第二个参数是基数(表示要转换成的进制类型,默认为10进制)。当我们将parseInt作为回调函数传入map方法时,map将会对数组的每个元素执行parseInt转换操作,并将结果返回为一个新的数组。 需要注意的是,parseInt在转换过程会忽略字符串的非数字部分。例如,如果数组元素是"2.5",parseInt将只会返回整数部分2。此外,当数组元素不是有效的数字字符串时,parseInt会返回NaN。因此,在使用mapparseInt)时,需要特别注意数据的有效性和预期的转换结果。 下面是一个使用mapparseInt)的例子: ```javascript const array = ["1", "2", "3"]; const result = array.map(parseInt); console.log(result); // [1, NaN, NaN] ``` 在上面的例子,数组元素分别为"1","2","3"。map方法对每个元素依次执行parseInt转换,所以结果数组分别为1,NaN,NaN。这是因为parseInt将"2"和"3"都转换为10进制时得到的结果都是NaN。 总之,mapparseInt)是一种对数组进行遍历和转换的方法,可以方便地将字符串数组转换为整数数组。但在使用时需要注意数据的有效性和预期的转换结果。 ### 回答3: map(parseInt)是一个数组方法,可以用于对一个数组的每个元素执行parseInt函数。 parseInt函数用于将给定的字符串解析为整数。如果字符串开头是有效的数字字符,则解析直到无效结果为止。结果将返回一个整数,如果无法解析,则返回NaN。 当对一个数组执行map(parseInt)时,会依次对数组的每个元素执行parseInt函数,并返回一个新的数组。每个元素首先被转换为字符串,然后被解析为整数。 需要注意的是,parseInt函数有一个可选的参数用于指定字符串的进制基数。如果不传递进制参数,默认为十进制。在map(parseInt),由于没有传递进制参数,parseInt会默认将字符串解析为十进制数。 然而,map(parseInt)在处理非数字字符串时会产生一些奇怪的结果。这是因为parseInt函数会从字符串的开头开始解析,直到遇到无效字符为止。因此,如果数组的元素是非数字字符串,则parseInt会返回NaN。 这是一个示例: ```javascript const arr = ['10', '20', '30']; const result = arr.map(parseInt); console.log(result); // [10, NaN, NaN] ``` 在上面的示例,数组`arr`包含三个字符串元素:'10','20','30'。使用map(parseInt)对数组进行处理后,得到的结果是一个新的数组`result`,其第一个元素'10'被正确解析为整数10,但是第二个和第三个元素'20'和'30'被解析为NaN。这是因为parseInt函数无法将非数字字符解析为有效整数。 综上所述,map(parseInt)对数组的每个元素执行parseInt函数,并返回一个包含解析结果的新数组。但需要注意,在处理非数字字符串时可能会得到NaN。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值