Javascript基礎:變數型別轉換

Sang航航航發表於2020-10-19

一、強制型別轉換(顯式)

(1)parseInt():將其他型別轉化為整數

​ 1.字串:只有首字元是數字得到具體值,其它字串得到NaN

​ 2.其它型別:NaN

	console.log('========parseInt=======');

    console.log( parseInt('100px') );//100
    console.log( parseInt('100.56px') )//100

    console.log( parseInt('zhangsan') )//NaN
    console.log( parseInt('sb250') )//NaN

    console.log( parseInt(undefined) )//NaN
    console.log( parseInt(null) )//NaN
    console.log( parseInt(true) )//NaN

(2)parseFloat():將其他型別轉化為數值型別,有小數保留小數

  1. 字串:只有首字元是數字得到具體值,其它字串得到NaN

  2. 其它型別:NaN

  3. 小數後面保留有效位

    	console.log( '========parseFloat=======' );
        
        console.log(parseFloat('100px'));//100
        console.log(parseFloat('100.56px'))//100.56
        console.log(parseFloat('100.00px'))//100.00
        console.log(parseFloat('100.01px'))//100.01
        console.log(parseFloat('100.10px'))//100.1
    
        console.log(parseFloat('zhangsan'))//NaN
        console.log(parseFloat('sb250'))//NaN
    
        console.log(parseFloat(undefined))//NaN
        console.log(parseFloat(null))//NaN
        console.log(parseFloat(true))//NaN
    

(3)Number() 將其它型別轉為數字

​ 1.字串:純數字字串得到具體值,其他得到NaN

​ 2.boolean: true: 1 false: 0

​ 3.undefined: NaN null: 0

	console.log( '===========Number==========' );
    console.log( Number('12px') );//NaN
    console.log( Number('12') );//12

    console.log( Number(true) );//1
    console.log( Number(false) );//0

    console.log( Number(undefined));//NaN
    console.log( Number(null) );//0(4)Boolean() : 將其它型別轉為Boolean型別

(4)Boolean() : 將其它型別轉為Boolean型別

​ 1.只有5個值得到fasle: ‘’ “” 0 null undefined NaN

​ 2.其它得到true

	console.log( '========Boolean=======' );
    console.log( Boolean('') );//false
    console.log( Boolean(0) );//false
    console.log( Boolean(null) );//false
    console.log( Boolean(undefined) );//false
    console.log( Boolean(NaN) );//false

    console.log( Boolean('0') );//true
    console.log( Boolean(' ') );//true
    console.log( Boolean('px') );//true
    console.log( Boolean(23) );//true

(5)String() : 將其它型別轉為String型別

	console.log( '==========String============' );

    console.log( String(12), typeof String(12) )
    console.log( String(true), typeof String(true) )

二、自動型別轉換(隱式)

/* 
        方法: 通過結果反推理解方式

    */

    var value1 = "2";
    var value2 = "1"

    //減法的語意: 
    * 參照JavaScript高階程式設計

    //加法: 
     * 參照JavaScript高階程式設計

相關文章