[1,2,3].map(parseInt)的结果为什么是[1,NaN,NaN] 看完不懂你砍我

本文详细介绍了如何手动实现JavaScript中的Array.prototype.map方法,并通过一个具体的示例展示了其使用方式。同时,深入探讨了parseInt函数的工作原理,尤其是在不同基数下的表现。这是一篇适合前端开发者深入了解JavaScript内部机制的文章。

直接上代码

 

Array.prototype.map = function (callback, thisArg) {
    let O = Object(this)
    let k = 0;
    let len = O.length >>> 0
    let arr = [];
    while (k < len) {
      if (k in O) {
        let item = callback.call(thisArg, O[k], k, this) // 传递给回调函数的参数
        arr.push(item)
      }
      k++
    }
    return arr;
  }
function parseInt(string, radix) {
    // 1 0     string为1到9 radix为0 则将cur解析为十进制数据 --- 1
    // 2 1     radix范围为2-36 --- NaN
    // 3 2     3不能用2进制表示 --- NaN
    console.log(cur, index) 
    ...
 }
 let newArr = Array.prototype.map.call([1, 2, 3], parseInt); // [1,NaN,NaN]

 

在 JavaScript 中,`["1", "2", "3"].map(parseInt)` 的行为可能会令人困惑,因为它并不直接等同于将每个字符串转换为对应的整数。其返回值是 `[1, NaN, NaN]`,这一结果来源于 `map` 和 `parseInt` 两个函数的交互方式。 `map` 方法在遍历数组时,会为每个元素调用回调函数,并将当前元素、索引以及原数组作为参数传递给回调函数。具体形式如下: ```javascript array.map(callback(currentValue, index, array)); ``` `parseInt` 函数用于解析字符串并返回整数,其语法为 `parseInt(string, radix)`,其中 `radix` 是可选参数,表示进制(有效范围为 2 到 36)[^2]。当 `radix` 未指定或为 0 时,JavaScript 会根据字符串内容决定进制:如果字符串以 "0x" 开头,则按十六进制解析;否则按十进制解析[^4]。 结合上述两个函数的行为,`["1", "2", "3"].map(parseInt)` 实际上等价于以下调用: ```javascript parseInt('1', 0); // 1 parseInt('2', 1); // NaN parseInt('3', 2); // NaN ``` 详细解释如下: - `parseInt('1', 0)`:基数为 0 时,JavaScript 会根据字符串内容决定进制,因此 `'1'` 被视为十进制数,返回值为 `1` [^4]。 - `parseInt('2', 1)`:基数为 1 是无效的(有效范围是 2 到 36),因此返回 `NaN` [^5]。 - `parseInt('3', 2)`:基数为 2 表示二进制,但 `'3'` 不是有效的二进制数字,因此返回 `NaN` [^1]。 最终,`["1", "2", "3"].map(parseInt)` 的返回值为 `[1, NaN, NaN]`。 --- ### 示例代码 ```javascript const result = ["1", "2", "3"].map(parseInt); console.log(result); // 输 [1, NaN, NaN] ``` --- ### 相关说明 如果希望将字符串数组正确转换为整数数组,应显式传递基数为 10: ```javascript const result = ["1", "2", "3"].map(str => parseInt(str, 10)); console.log(result); // 输 [1, 2, 3] ``` 这种方式可以避免 `map` 自动传递索引作为基数所导致的意外行为。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值