JavaScript将数组中的字符串转变成整数数字时使用parseInt时遇到的问题

241 阅读1分钟
例如

var arr = ['1', '2', '3']
console.log(arr.map(parseInt))
//打印结果: 1,NaN,NaN

再看另一个例子

var arr = ['10', '10', '10']
console.log(arr.map(parseInt))
//打印结果: 10,NaN,2

此时发现两个例子打印出不同的结果,产生上面结果的原因是其实map遍历后打印出的顺序是

parseInt('1', 0);  // 1
parseInt('2', 1);  // NaN
parseInt('3', 2);  // NaN

parseInt(‘10', 0);  // 10
parseInt(‘10', 1);  // NaN
parseInt(‘10', 2);  // 2

  再去看一下MDN的官方文档说明

两个例子产生不同结果的具体原因总结为 

 1’ radix不能超出范围 

 2’ 

parseInt('3', 2);  //NaN

parseInt(‘10', 2);  // 2

 产生不同结果的原因是假如把’3‘看做二进制数,返回十进制数不可实现,因为除了0,1外,其它数字都不是有效二进制数字。 


现在再来实现将数组中的字符串转变成整数数字,有以下几种方法:


//第一种方法 (改写parseInt的用法, 建议每次遍历时加上radix的数值)
var arr = ['1', '2', '3']
console.log(arr.map(i => parseInt(i, 0)));

//第二种方法
var arr = ['1', '2', '3']
console.log(arr.map(i => i * 1));
//或者
console.log(arr.map(i => i / 1));

//第三种方法
var arr = ['1', '2', '3']
console.log(arr.map(i => Math.floor(i)));

//第四种方法
var arr = ['1', '2', '3']
console.log(arr.map(Number));
如有错误或者缺漏,欢迎指点。