返回、参数-了解Javascript函数：parseInt()-by小雨

之前朋友几篇文章绍介了改返回、参数-的文章. 关联文章的地址

    前些天在应用parseInt()函数时，碰到某些换转时老是不能速快一次性给出谜底，索性就研讨一番，免避当前再次应用时又得想来想去的。

    

定义

    1、w3school：

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

    链接：http://www.w3school.com.cn/js/jsref_parseInt.asp

    http://www.w3school.com.cn/js/pro_js_typeconversion.asp

    2、mozilla开发者

    Parses a string argument and returns an integer of the specified radix or base.

    链接：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/parseInt

    其中对浏览器的差异性值得大家注意

    

剖析

    根据上述官方释解， parseInt(string, radix)

    函数有两个调用式方

    1、指定radix，这也是荐推的式方，很可怜我之前都不是这样做的

    2、不指定radix，即：parseInt(string)。虽然单简，但规矩很多，这也是本文述阐容内的核心。

    

parseInt(string, radix)

    radix，示表换转的基数，也就是我们常说的2进制、8进制、10进制、16进制等。范围从2~36，但我们在JS中一般调用该方法时，基本都是以10为基数行进换转的。

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

    “string”参数应用的细详规矩如下

    （以基数10作为示例，原因是在实际应用时，涌现率频最高。而其它基数的应用，你还需要很清晰各进制之间的换转，这个应该是计算机专业的重点课程，如果忘记了，那应用这个方法就会很“受难”）：

    1）如果都是字母，返回：NaN，例：

    <script type="text/javascript">
        window.onload = function testParse() {
            alert(parseInt("abc", 10));
        }
    </script>

2）如果都不是字母，返回：123，例：

    <script type="text/javascript">
        window.onload = function testParse() {
            alert(parseInt("123", 10));
        }
    </script>

3）如果字母和字数都存在，例：

    <script type="text/javascript">
        window.onload = function testParse() {
            alert(parseInt("1x2bc", 10));
            alert(parseInt("df2bc", 10)); 
        }
    </script>

parseInt("1x2bc", 10)返回：1

    parseInt("df2bc", 10)返回：NaN

    这里涉及到两个规矩:

    3.1）如果参数“string”，以字数头开，则取截止到第一个字母涌现之前的有所字数行进换转（NND，老是感到描述不到位）。

     上例中，第一个涌现的字母是‘x’,取之前的字数串，只有一个字数'1'，结果就返回1

    3.2）如果参数“string”，以字母头开，直接返回NaN（因为10进制中字母不是一个有效的的示表，若radix为16呢？结果大家可以自行运行。）

    以上描述按照ECMAScript的释解（官方翻译，很给力）：

    

    parseInt() 方法首先查看位置 0 处的字符，断判它是不是是个有效字数；如果不是，该方法将返回 NaN，不再续继行执其他操纵。但如果该字符是有效字数，该方法将查看位置 1 处的字符，行进样同的试测。这一进程将续持到发明非有效字数的字符为止，此时 parseInt() 将把该字符之前的字符串换转成字数。

    

    parseInt(string,radix)就绍介到这，如果有不对或者漏掉的，请看官们充补，在此谢过了

    

parseInt(string)

    以这类式方调用该函数时，因为没有示显的指定radix，会存在很多“潜规矩”

    上面是两段引用

    w3school

    

    当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来断判字数的基数。

    举例，如果 string 以 "0x" 头开，parseInt() 会把 string 的其余部分剖析为十六进制的整数。如果 string 以 0 头开，那么 ECMAScript v3 许允 parseInt() 的一个实现把其后的字符剖析为八进制或十六进制的字数。如果string 以 1 ~ 9 的字数头开，parseInt() 将把它剖析为十进制的整数。

    

    mozilla开发者

    

    

• If the input string begins with "0x" or "0X", radix is 16 (hexadecimal) and the remainder of the string is parsed.
• If the input string begins with "0", radix is eight (octal) or 10 (decimal).  Exactly which radix is chosen is implementation-dependent.  ECMAScript 5 specifies that 10 (decimal) is used, but not all browsers support this yet.  For this reason always specify a radix when using parseInt.
• If the input string begins with any other value, the radix is 10 (decimal).

    If the first character cannot be converted to a number, parseInt returns NaN.

    

  上面来以示例释解面上的容内

    1）如果参数“string”，以"0x" or "0X"头开，基数就默为认16，即：按16进制剖析字符串

    <script type="text/javascript">
        window.onload = function testParse() {            
            alert(parseInt("0Xabcg")); 
        }
    </script>

结果为：2478，10*16²+11*16+12*1

    如果是parseInt("0Xgabcg")，返回what？谜底是NaN。面上我经已说过了，紧跟在0X前面的字母是g，并非一个有效的16进制字符，按照ECMAScript的释解直接返回NaN

    2）如果参数“string”，以“0”头开，基数默为认？

    很明显w3school和mozilla的说法不一致，我们试测看下，选择IE10、Chrome、Firefox（本版都是最新的）

    <script type="text/javascript">
        window.onload = function testParse() {            
            alert(parseInt("010")); 
        }
    </script>

    结果依次是：10、10、8；IE10、Chrome是以10进制剖析的，FF是以8进制剖析的。

    看来并没有涌现以16进制剖析，真的是吗？续继验证

    <script type="text/javascript">
        window.onload = function testParse() {            
            alert(parseInt("09")); 
        }
    </script>

结果依次是：9、9、0；IE10、Chrome是以10进制剖析的，FF是以8进制剖析的（因9并非8进制的有效示表，因此只会剖析第一个字数0，结果为0）。

    验证的论结很明显，mozilla开发者面上的描述现在看来是确正的。

     我的脑电上只有这三个浏览器，法无得悉其它浏览器上会发生什么样的结果，如果有谁验证出能以16进制换转，请知告，3Q

    3）如果参数“string”的头开并非以上两类，就按照10进制行进剖析

    <script type="text/javascript">
        window.onload = function testParse() {            
            alert(parseInt("fff")); 
        }
    </script>

结果返回：NaN，首字母‘f’ 并非10进制的有效示表，直接返回NaN

    4）该调用方法的各规矩也都遵守parseInt(string, radix)一节中的规矩，即：只剖析有效字符，例：

    <script type="text/javascript">
        window.onload = function testParse() {
            alert(parseInt("0xf1x")); 
            alert(parseInt("021x")); 
        }
    </script>

结果分别为：

    241（IE、Chrome、FF），有效字符为“f1”，15*16+1 = 241

    21（IE、Chrome）或17（FF），有效字符为“21”，10进制直接于等21，8进制：2*8+1=17

    

End

    parseInt()本是JS中比较单简的函数，但是正由于大家都不太注意这些细节，致使它用起来很“费事”。希望本章容内对大家有所助帮。

文章结束给大家分享下程序员的一些笑话语录： Bphone之你们聊，我先走了！移动说：我在phone前加o，我叫o缝；苹果说：我在phone前i，我是i缝；微软说：我在phone前加w，我叫w缝；三星说：你们聊，我先走了！
将来王建宙写回忆录的时候，一定要有一句“常小兵为中国移动的发展做出了不可磨灭的贡献”。