美文网首页
['1', '2', '3'].map(parseInt)

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

作者: 超开心儿 | 来源:发表于2021-08-09 15:47 被阅读0次

    基础 parseInt()

    parseInt() 函数解析一个字符串参数,并返回一个指定基数的整数

    const intValue = parseInt(string[, radix]);
    
    // string 要被解析的值。如果参数不是一个字符串,则将其转换为字符串(使用 toString 抽象操作)。字符串开头的空白符将会被忽略。
    
    // radix 一个介于 2 和 36 之间的整数,表示上述字符串的基数,默认为 10。
    
    // 返回值 返回一个整数或 NaN。
    
    parseInt("100"); // 100
    parseInt("100", 10); // 100
    parseInt("100", 2); // 4,将 100 看作二进制,转化成十进制
    

    在 radix 为 undefined,0 或者没有指定的情况下,JavaScript 作如下处理:

    • 如果字符串 string 以 "0x" 或者 "0X" 开头, 则基数是 16
    • 如果字符串 string 以 "0" 开头, 基数是 8 或者 10,具体是哪个基数由实现环境决定。ECMAScript 5 规定使用 10,但是并不是所有的浏览器都遵循这个规定。因此,永远都要明确给出 radix 参数的值
    • 如果字符串 string 以其它任何值开头,则基数是 10

    实例解析:

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

    对于 map 的每次迭代,parseInt() 传递两个参数: 字符串和基数。 所以实际执行的的代码是:

    ['1', '2', '3'].map((item, index) => {
        return parseInt(item, index)
    })
    

    每次的迭代展开为:

    // 上面说过,radix 为 0 时,string 以其它任何值开头,则基数是 10
    parseInt("1", 0); // 1
    // 没有一进制
    parseInt("2", 1); // NaN
    // 3 不是二进制
    parseInt("3", 2); // NaN
    
    例子: image.png

    相关文章

      网友评论

          本文标题:['1', '2', '3'].map(parseInt)

          本文链接:https://www.haomeiwen.com/subject/vcvzvltx.html