一道JS试题引发的思考

xiao7cn 发布于2019-08-19 18:47 / 914人阅读

摘要：也给当初出入迷宫的我不小考验，一道题目可以引发许多思考，今天写下的只是今时今日的想法，到未来也许还有别样的看法。对于回调函数，可以对其传入三个参数分别是当前元素，元素索引，调用的数组。

    ["1","2","3"].map(parseInt)

这道JS题目，相信大家并不会陌生。也给当初出入JS迷宫的我不小考验，一道题目可以引发许多思考，今天写下的只是今时今日的想法，到未来也许还有别样的看法。

parseInt

得到正确答案，我们先来看看parseInt这个函数

名称：parseInt

功能：将字符串转化为数字

函数可以接受两个参数，一般来说第一个参数是字符串，第二个参数是该字符串采用的进制数（接受2-36）。

如果不传参数？

    parseInt()  //NaN

传入一个参数

这个时候会默认将字符串为十进制进行解析

    parseInt("1111")  //1111

不是所有字符串都可以正确解析的，遇到非数字的字符串会解析为NaN

    parseInt("Yoda")  //NaN

还要说明的一点是，字符串的解析从首位开始，如果是数字就继续直到解析到非数字项

    parseInt("2233Yoda")  //2233

做一些奇怪的事

但是如果传入的不是字符串？
来看下栗子?

    parseInt(2233)  //2233

如果是数字转换为相应字符串

    parseInt(null)  //NaN

    parseInt(undefined)  //NaN

    parseInt(false)  //NaN

    parseInt(true)  //NaN

布尔值，undefined，null一律返回NaN，其实NaN也返回NaN

    parseInt(NaN)  //NaN

第二参数是第一个参数字符串采用的进制数

parseInt("F", 16);
parseInt("17", 8);
parseInt("15", 10);
parseInt(15.99, 10);
parseInt("FXX123", 16);
parseInt("1111", 2);
parseInt("15*3", 10);
parseInt("12", 13);

以上都返回15。

关于第二参数有几点点需要说一下。

1.第二参数取值范围是2-36，如果超出范围会返回NaN；

    parseInt("2233",37)  //NaN

如果传入0，则忽略，和不传效果一样

    parseInt("2233",0)  //2233

2.如果字符串超出进制的显示范围也会返回NaN；

    parseInt("2233",2)  //NaN

3.如果传入值不是number类型，会出现一些奇怪的事

    parseInt("11","2")  //3  字符串被转换成数字
    parseInt("2233",false)  //2233  布尔型被转换成数字
    parseInt("2233",037)  //61600  看到这个我有点方
    parseInt("2233",true+true+true+true)  //175   看到这个我更方
    var arr = [1,2,3]
    parseInt("2233",arr)
    parseInt("2233","Yoda")  //2233

第二参数支持基本类型加减转换，还支持字符串或其它位进制值，如果解析不成数字该参数会被忽略。

map函数

map函数是数组迭代操作中一个常用的方法，可以按照特定的函数来处理数组，返回值是新的数组，原数组不会改变：

    var arr = [1,2,3]
    var newArr = a.map(function(para1){return a+2});
    console.log(arr)  // [1,2,3]
    console.log(newArr)  //[3,4,5]

这里要清楚map可以传入两个参数，第一个是一个回调函数，第二个是this（篇幅有限这里就不展开这块了）。对于回调函数，map可以对其传入三个参数分别是当前元素，元素索引，调用map的数组。

是不是有点晕？！让我们 ~~撸一撸~~ 啊呸！ 捋一捋：

map函数接受一个回调函数callback

callback可以传入三个参数（前元素，元素索引，调用map的数组）

结合前面说的parseInt，parseInt可以传入两个参数（字符串，进制数）

是不是有一种豁然开朗的赶脚？为什么返回值是[1,NaN,NaN]?

对于数组["1","2","3"],执行["1","2","3"].map(parseInt)时，对于第一个元素"1"她的index为0：

parseInt("1",0)   // 1

第二参数会直接被忽略从而得到结果，对于第二个元素"2"她的index为1:

parseInt("2",1)   // NaN

翻看前问即可知道，结果；

同样对于第三个参数"3"，由于二进制值任何一位不可能有3，所以结果也是NaN

parseInt("3",2)   // NaN

Ps：查阅了网上的许多资料，也看了不少书，加了一些自己的思考这道题就解到这里，如果错误还请指正。

PPs：这题中参数index就是所传入元素的index，可以传入index的还有数组的另一个方法reduce，形如：

array.reduce(function(preValue,currentValue,index,array){
    return //.... 
})

这里既然可以传入两个值，那么index究竟是谁的index？这个就留到下回继续讨论。

本文的github地址

GPU云服务器云服务器人工智能的思考对人工智能的思考 js常见面试题前端基础js笔试题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79999.html

一道三目运算测试题引发的思考

摘要：因为加法的优先级比条件运算符高，所以先运算加号，是字符串拼接，结果是非空字符串，在中字符串的布尔类型为。知识点三目运算为真执行为假执行运算优先级在中布尔类型只有以下种情况为假，其他都为真。一、测试题原题：以下代码的输出是？ var val = false; alert(val is + val ? true : false); 解析： 1. 此题考察的知识点：三目运算、**运...

SHERlocked93 2019-08-20 18:35 评论0 收藏0
一道setTimeout async promise执行顺序的笔试题引发的思考

摘要：如果你要问他和谁当进去的快，要从下面两个方面考虑结束时。至于什么，查了很多的资料，了解到一个浏览器环境只能有一个事件循环，而一个事件循环可以有多个任务队列。 ====据说这是今日头条去年的一道笔试题，主要考察的是setTimeout async promise执行顺序～先双手奉上这道题目～ async function async1() { consol...

soasme 2019-08-23 13:53 评论0 收藏0
一道笔试题引发的思考

摘要：前两天做了一份笔试题按照执行顺序列出下面代码的打印内容可能有些小朋友会被里面那个立即执行函数吓傻。和将指向改变至，也就是了。前两天做了一份笔试题：按照执行顺序列出下面代码的打印内容 var name = The Window; var object = { name : The Object, getNameFunc : function(){ (()...

soasme 2019-08-20 18:24 评论0 收藏0
一道2016年nice的校招笔试题引发的思考

摘要：注意点这个代码是严格依赖环境的，例如中和是连续的，在编译器中，和之间有一个空间。注意点当把与交换之后，程序将不会出现死循环，但是程序的越界访问报错是少不了的。注意点这种优化是无差别的，即无论你的代码是否越界，都会进行这样的优化。目录声明原题题目详细解析运行结果：题目...

shixinzhang 2021-11-24 09:39 评论0 收藏0
一道笔试题引发的Promise笔记

摘要：对象是一个返回值的代理，这个返回值在对象创建时未必已知。这使得异步方法可以像同步方法那样返回值异步方法会返回一个包含了原返回值的对象来替代原返回值。前言近来参加校招笔试，发现有好几道关于Promise的题目。然而我都没有了解过。所以，这篇文章以网易笔试的一道题开始，记录关于Promise的那些事。文章地址：http://lsxj615.com/2016/08/04... 笔试题 c...

_Suqin 2019-08-22 10:34 评论0 收藏0