let arr = ['1', '2', '3'];
let res = arr.map(parseInt);
console.log(res); // 结果: [1, NaN, NaN];
/*
1、parseInt是一个函数:
console.log(parseInt) 打印结果: ƒ parseInt() { [native code] };
2、由此可见:
arr.map(parseInt) 就等于 arr.map( function parseInt() { [native code] } );
3、parseInt函数的默认参数:
第一个参数(string):
要解析的字符串(注: 如果这个参数不是字符串, 则会自动通过toString()方法返回一个字符串);
第二个参数(radix):
radix就是第一个参数(string)的基数; 它需要是(2~36)范围内的整数,才可以被解析;
注意: 如果不传入radix, 则会默认是以10为基数(也就是十进制数);
4、map是es5新增的数组方法:
参数一:
callback生成新数组元素的函数,默认有三个参数:
currentValue: 正在处理的当前元素;
index: 当前元素的索引(下标);
arr: 被处理的数组;
参数二(可选):
thisArg: 执行callback时的this值;
如果不传参,则默认时undefined,因为undefined是全局的一个变量,而且undefined就是基本数据类型;
所以callback的this就指向全局了!
总结:
结合2、4可以得出:
因为parseInt的默认俩参数(string, radix);
所以变成这样:
arr.map(function parseInt(string, radix){
[native code]
})
注意:
在这里 string处,传入当前处理元素currentValue;
radix处,传入当前被处理元素currentValue的索引(下标)index;
##最终结论:
arr.map(function parseInt() {
-------------
注意:
因为parseInt('1') 会输出 1, 而parseInt('a') 则会输出NaN;
这就代表函数内会 return出 结果;
-------------
第一次输出:
parseInt('1', 1)的结果, 也就是 数字1;
第二次输出:
parseInt('2', 2)的结果,
根据上边的 3、的结论,
这里的radix基数为2, 也就是2进制数;
众所周知, 2进制数: 非0即1;
而这里要解析的字符串'2' 则超过了最大数1, 那么就输出了NaN;
第三次输出:
parseInt('3', 3);
同第二次输出,只不过这里的基数是3, 也就是三进制数;
三进制数【进行计算时每位范围(0, 1, 2)】;三进制数是以3为基数, 逢3进一位, 原位为0;
例如:
1 + 1 = 2;
1 + 2 = 10;
2 + 2 = 11;
0 + 1 = 1;
而这里要解析的字符串 '3', 则超出了三进制数【进行计算时, 每位的范围(0, 1, 2)】;
所以返回了NaN;
})
*/
关于[´ 1´,´ 2´,´ 3´].map(parseInt)
最新推荐文章于 2024-07-26 20:46:33 发布