JS-基础-3-数据类型转换

数据类型转换

• 显式数据类型转换

  其他数据类型转数字

  • 其他数据类型转数字 ：使用Number()

    1. 字符串转数字

       Number('123'); // 123
       Number('aaa'); // NaN
       Number('1a'); // NaN
       Number('3.14'); // 3.14

    2. 布尔值转字符串

       Number(true); // 1
       Number(false); // 0

    3. undefined转字符串

       Number(undefined); // NaN

    4. null转字符串

       Number(null); // 0

  • 其他类型转数字：使用parseInt()

    1. 字符串转数字

       parseInt('231'); // 231
       parseInt('3.14'); // 3
       parseInt('3.9'); // 3
       /*
        * 可以看出parseInt方法只是简单的截取整数部分。并不进行四舍五入的运算
       */
       /*-----------------------*/
       parseInt('21aa'); // 21
       parseInt('2a1'); // 2

       注意：parseInt():
       第一个参数若是字符串，它就会对接受的字符串参数进行解析:例如

       • ‘21aa’,parseInt解析到可转化为数字的字符串’21’再往后解析发现遇到了不可转化为数字的’a’，那么它就会返回数字：21。也不管之后的字符串中是否有能转化为数字的子串

    2. 布尔转数字

       parseInt(true); //NaN
       parseInt(false); // NaN

    3. undefined转数字

       parseInt(undefined); //NaN

    4. null转数字

       parseInt(null); //NaN

    5. NaN

       parseInt(NaN); // NaN

  • 其他类型转数字：使用parseFloat()

    1. 字符串转数字

       parseFloat('231'); // 231
       parseFloat('2.3'); // 2.3
       parseFloat('a'); // NaN
       /*
        * parseFloat()并不能保留想要的小数位
        * 
        */
       var num = 3.128323;
       num.toFixed(2); // '3.13' !注意这里的结果是字符串类型的

    2. 布尔转数字

       parseFloat(true); //NaN
       parseFloat(false);// NaN

    3. undefined转数字

       parseFloat(undefined); // NaN

    4. null转数字

       parseFloat(null); //NaN

       parseInt(string,radix)
       其实有两个参数

       parseInt('10',16); // 16
       /*
        * 添加了第二个参数后含义为：
        * 十六进制中的10 转化为十进制的结果为16
        */

       其他数据类型转字符串

  • 其他数据类型转字符串：String()

    1. 数字转字符串

       String(123); // "123"
       String(123.111); // "123.111"

    2. 布尔转字符串

       String(true); //"true"
       String(false); // "false"

    3. undefined 或 null 转字符串

       String(null); // 'null'
       String(undefined); // 'undefined'

• 隐式数据类型转换

  • 运算中的隐式转换

    var a = 'a' + 1; // a = 'a1'
    var b = '2' * 3; // b = 6
    var c = '123';
    var d = c++; // d = 124

    • 正负运算:在值的前面加上+或-，会进行隐式数据类型转换

      +true; // 1
      -true
      
      +'123'; // 123
      -'123'; // -123
      +'12a'; // NaN
      
      +null; // 0
      -null; // -0
      
      +undefined; // NaN
      -undefined; // NaN

  • 比较中的隐式转换

如果比较运算符的两边数据类型不相等。比较的时候都将运算符两边的数据类型转化为数字类型。但是null类型和undefined类型既不>0，也不<0

var a = '1' > 2; // false 字符串1先转换为数字1，之后1与2比较
a = '1' == true; // a = true
a = '0' == null; // false
a = '0' == undefined; // false
a = 0 == null; // false !注意 
a = 0 >= null; // true !  注意
a = 0 < null; // false
a = 0 >= undefined; // false
a = 0 <= undefined; // false

=== 全等运算不进行数据类型转换

判断NaN：isNaN()方法

• 把参数先转换为Number类型，再把结果与NaN进行比较

isNaN('123'); // false
isNaN('1qq2'); // true

isNaN(true); // false
isNaN(false); // false

isNaN(null); //false
isNaN(undefined); //true

赏

谢谢你请我吃糖果