美文网首页
2018-12-25(javascript基础笔记)

2018-12-25(javascript基础笔记)

作者: FeistyFei | 来源:发表于2018-12-25 23:26 被阅读0次

    数据类型转换

    1.string

    • 将一个数据类型强制转换为其他的数据类型

    • 类型转换主要指,将其他数据类型,转为 string、 number、Boolean

    • 将其他的数据类型转换为 string

      方式一:

      • 调用被转换数据类型的toString() 方法
      • 该方法不会影响原变量值,它会将转换的结果返回。(所以需要用变量接受返回值)
      • 注意:null 与 undefined 是没有toString( ) 方法,如果调用了 该方法,会报错。

    方式二:

    ​ 调用String( )函数; 调用函数直接写函数就行了

    ​ 使用String()函数做强制类型转换时,

    ​ 对于Number 和 Boolean 实际上就上调用 toString()方法

    ​ 但是对于null 和 undefined,就不会调用 toString()方法

    ​ 它会将 null 直接转换成 "null" (字符串null)

    ​ 将 undefind 直接转换为 “undefind” (字符串undefind)

    var a = 123;
    console.log(typeof a); // 返回值  number (数字)
    console.log(a);        // 123
    
    /*
        调用 a 的toString()方法
        调用xxx的YYY()方法,语法就是 xxx.yyy();
    */
    var b = a.toString();  // 转换a变量的数据类型,并赋值给 b 变量
    console.log(typeof b); // 返回值 string (已经转换成  字符串)
    console.log(b);        // 返回值 "123"  (b的值是 字符串 "123")
    
    // 方法二
    var a = 123;
    a = String(a); // 返回值: "123" 数字转换成了 字符串
    

    2.Number

    方式一:

    ​ 使用Number( ) 函数;

    ​ 字符串 ---> 数字

    ​ 1.如果是纯数字的字符串,则直接将其他转换为数字。

    ​ 2.如果字符串中有非数字的内容,则转换为 NaN

    ​ 3. 如果字符串是一个空字符串或者是一个全是空格的字符串,则转换为 0;

    方式二:

    ​ 这种方式专门对付字符串的—— 2个函数

    ​ 1.parseInt( ) 把字符串转换成一个整数(取整数)

    ​ 2.parseFloat( ) 把一个字符串转换成一个浮点数(取小数)

    ​ 3. 如果对非 string 使用 parseint () 或者 pasreFolat () 它会先将其转换为 String 然后在操作

    // 方式一
    var a = "123";
    a = Number(a);  // 123
    console.log(a); // Number 
    
    // 特殊情况
    var b = "abc";
    b = Number(b); // NaN  ( Number )
    
    var b = "123abc";
    b = Number(b); // NaN  ( Number )
    
    var b = "  ";
    b = Number(b); // 0   ( Number )
    
    // 方式二 🌟🌟🌟🌟🌟
    var a = "1920px";
    a = parseInt(a);
    console.log(a); // 1920 Number
    var b = (a + 10) + "px";
    console.log(b);   // "1930px"  string
    
    var a = "23.456789px";
    a = parseFloat(a); 
    console.log(a);      // 23.456789
    var b = (a + 10) + "px"; 
    console.log(b);      // "23.456789px"
    
    
    
    

    3.Boolean

    ​ Boolean ---> 数字

    ​ true 转成 1

    ​ false转成 0

    var a = true;
    a = Number(a); // 1
    
    var a = false;
    a = Number(a); // 0
    
    

    4.null 与 5.undefined

    ​ null,undefined ---> 数字

    ​ null 转成 0

    ​ undefined 转成 NaN

    相关文章

      网友评论

          本文标题:2018-12-25(javascript基础笔记)

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