• parseInt实例详解


    parseInt() 函数可解析一个字符串,并返回一个整数。

                     parseInt(string, radix)
    参数描述
    string 必需。要被解析的字符串。
    radix

    可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间,该参数可以省略或为0

    如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果string以 “0x” 或 “0X” 开头,将以 16 为基数。

    如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

    说明

    当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数:如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十进制的数字。如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。

    parseInt("10");            //返回 10
    parseInt("0x12")      //返回18 十六进制
    parseInt("010");        //未定:返回 10 或 8  浏览器理解为八进制或十进制

    parseInt("19",10); //返回 19 (10+9) parseInt("11",2); //返回 3 (2+1) parseInt("17",8); //返回 15 (8+7) parseInt("1f",16); //返回 31 (16+15)
    parseInt("19",14); //返回 23 (14+9) 
    parseInt("19",18); //返回 27 (18+9)

    parseInt("19",37); //返回  NaN 基数不在2-36范围内
    parseInt("11",1); //返回  NaN 基数不在2-36范围内
    parseInt("92",8); //返回 NaN 9>8 字符串数字不能大于基数 
     

    拓展 

    ["1", "2", "3"].map(parseInt)输出什么?

    ["1", "2", "3"].map(parseInt)等同于
    ["1","2","3"].map(function(ele,index){
      return parseInt(ele,index)
    })

    等于调用了三次parseInt方法:
    第一次 parseInt("1",0) //基数为0时,按照上边陈述即为10进制,返回 1
    第一次 parseInt("2",1)//基数为1,不在2-36范围内,默认输出NaN
    第一次 parseInt("3",2)//基数为2,因为字符串3大于基数不合法,解析为NaN
    答案也就是:[1, NaN, NaN]

    个人博客传送门》》》》》

    /**
     *  ┏┓   ┏┓+ +
     * ┏┛┻━━━┛┻┓ + +
     * ┃       ┃  
     * ┃   ━   ┃ ++ + + +
     * ████━████ ┃+
     * ┃       ┃ +
     * ┃   ┻   ┃
     * ┃       ┃ + +
     * ┗━┓   ┏━┛
     *   ┃   ┃           
     *   ┃   ┃ + + + +
     *   ┃   ┃
     *   ┃   ┃ +  神兽保佑
     *   ┃   ┃    代码无bug  
     *   ┃   ┃  +         
     *   ┃    ┗━━━┓ + +
     *   ┃        ┣┓
     *   ┃        ┏┛
     *   ┗┓┓┏━┳┓┏┛ + + + +
     *    ┃┫┫ ┃┫┫
     *    ┗┻┛ ┗┻┛+ + + +
     */
    

     

  • 相关阅读:
    JS绑定种类汇总
    JS的块级作用域
    JS中的几种函数
    区分词法作用域(js)与动态作用域(精!)
    JS Dom节点操作demo!
    JS作用域相关知识(#精)
    js解析器(重要!)
    JS之鼠标在盒子中的位置
    JS之鼠标跟随
    JS之事件对象体验
  • 原文地址:https://www.cnblogs.com/dupd/p/6117619.html
Copyright © 2020-2023  润新知