zoukankan      html  css  js  c++  java
  • map的回调函数

    问题:--js   (['1','2','3']).map(parseInt)

    第一眼看到这个题目的时候,脑海跳出的答案是 [1, 2, 3],但是真正的答案是[1, NaN, NaN]。

    首先让我们回顾一下,map函数的第一个参数callback:

    var map = arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array }[, thisArg])
    这个callback一共可以接收三个参数,其中第一个参数代表当前被处理的元素,而第二个参数代表该元素的索引。

    • 而parseInt则是用来解析字符串的,使字符串成为指定基数的整数。
      parseInt(string, radix)
      接收两个参数,第一个表示被处理的值(字符串),第二个表示为解析时的基数。

    • 了解这两个函数后,我们可以模拟一下运行情况

    1. parseInt('1', 0) //radix为0时,且string参数不以“0x”和“0”开头时,按照10为基数处理。这个时候返回1
    2. parseInt('2', 1) //基数为1(1进制)表示的数中,最大值小于2,所以无法解析,返回NaN
    3. parseInt('3', 2) //基数为2(2进制)表示的数中,最大值小于3,所以无法解析,返回NaN
    4. map函数返回的是一个数组,所以最后结果为[1, NaN, NaN]

    上面的可能有点抽象,现在让我们用实力说话

    • map的回调函数到底返回那些参数,我们用一个匿名函数加arguments去看map的callback返回那些参数
    • 上图可知,map函数中筛选总共执行了三次,每次都要传递了三个实参,当前元素,索引,数组本身
    • 然后我们将上图的匿名函数换成parseInt,可知parseInt接收了三个参数(但parseInt的形参只有两个即:1,0)
    • 研究parseInt怎么会得出NaN
    • 综上所述,研究完毕
  • 相关阅读:
    Java比较两个对象的不同之处
    windows下MongoDB的安装及配置
    springboot对应的springcloud版本
    Spring注解 @Scope 详解
    https HttpUtils 绕过证书
    thymeleaf 基本使用
    java8 groupby 对多个字段进行去重, 统计 partitioningBy
    linux硬件数据
    Nginx referer防盗链模块
    Nginx HTTP 过滤addition模块(响应前后追加数据)
  • 原文地址:https://www.cnblogs.com/hzsu/p/10405232.html
Copyright © 2011-2022 走看看