一道面试题带你彻底读懂parseInt()

最新推荐文章于 2023-12-11 16:13:04 发布

CoderGaoKK

最新推荐文章于 2023-12-11 16:13:04 发布

阅读量602

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_35895679/article/details/105904111

版权

本文通过一道面试题引入，详细解读JavaScript的parseInt()函数。介绍了数组的遍历方法，如forEach、map、find、filter、every、some和reduce。接着详细阐述parseInt()的工作原理，包括其对字符串的处理方式、进制转换以及与Number()和parseFloat()的区别。

摘要由CSDN通过智能技术生成

让我们先来看一下这道面试题，大家试着做一下：

let arr = [1, 2, 3, 4];
arr = arr.map(parseInt);
console.log(arr);

将代码在浏览器中执行一下你就能得出正确答案，如果这道题你顺利的得出来答案那就不用看了，如果没有那就一起来分析下吧。

在讲解parseInt()之前先一起回顾一下js数组的遍历方法

forEach 遍历数组中的每一项（数组中有多少项就会触发执行多少次回调函数，每一次把迭代的当前项和当前项的索引传递给回调函数）

let ary = [11, 22, 33]
ary.forEach(function (item, index) {
    console.log(item, index)
})
/*
11 0
22 1
33 2
*/

map 和forEach类似，只不过支持返回值，回调函数中的返回值会把当前迭代的这一项替换掉

let arr = [1, 2, 3, 4];
arr = arr.map(function (item, index) {
	console.log(item, index);
	return item * index; //=>返回结果替换数组中当前迭代的这一项
});
console.log(arr);
//输出结果如下：
/*
1 0
2 1
3 2
4 3
[ 0, 2, 6, 12 ]
*/