91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScrip簡單數據類型隱式轉換如何實現

發布時間:2023-06-21 16:34:13 來源:億速云 閱讀:110 作者:栢白 欄目:開發技術

今天小編給大家分享的是JavaScrip簡單數據類型隱式轉換如何實現,相信很多人都不太了解,為了讓大家更加了解,所以給大家總結了以下內容,一起往下看吧。一定會有所收獲的哦。


  • 總結

    JavaScript是一種弱數據類型語言 ,在JavaScript中定義變量不需要提前指定變量類型,變量的數據類型是在程序運行過程中由JavaScript引擎動態決定,因而可以使用同一個變量來存儲不同類型的數據(var、let、const),這也意味著它會自動轉換值的數據類型,以便數據之間更加容易相互比較和操作。除去我們比較熟知的顯式轉換,JavaScript中的隱式轉換更加需要理解和一定的經驗。下面將為大家詳細的列舉一下JS隱式轉換的各種情況。

    在JavaScript中,數據類型的隱式轉換主要有三種情況:

    • 轉換為number類型

    • 轉換為boolean類型

    • 轉換為string類型

    JavaScript隱式類型轉換通常發生在以下情況:

    • 當使用不同類型的值進行操作時(數字和字符串)

    • 當使用相等或不等運算符(== 或 !=)進行比較時

    • 當對一個非布爾類型的值進行布爾運算時(if語句或邏輯運算符)

    JavaScrip隱式轉換規則

    JavaScript中隱式類型轉換的機制是比較復雜的,涉及到了數據類型、操作符、運算順序等多方面的因素。

    當兩個操作數具有不同的類型時,系統內部根據一系列規則來決定將其轉換為相同的類型,這些規則包括:

    • 如果一個操作數是數字,則將另一個操作數轉換為數字

    • 如果一個操作數是字符串,則將另一個操作數轉換為字符串

    • 如果一個操作數是布爾值,則將另一個操作數轉換為布爾值

    • 如果一個操作數是對象,則嘗試將另一個操作數轉換為對象,否則將其轉換為原始類型

    另外:

    • + 號兩邊只要有一個是字符串,都會把另外一個轉成字符串

    • 除了+以外的算術運算符 比如 - * / 等都會把數據轉成數字類型

    • 邏輯非 ! 轉換為布爾

    • +號作為正號解析可以轉換成數字型

    • 任何數據和字符串相加結果都是字符串

    JavaScrip簡單數據類型隱式轉換如何實現

    JavaScrip類型轉換詳解

    轉換成Number類型

    轉為Number類型:++ / --(自增自減運算符) + - * / %(算術運算符) > < >= <= == != === !== (關系運算符)。null轉換為數字為0undefinedNaN

    簡單數據轉換數字對照:

    原始數據類型轉換之后的值
    空字符 ''或""0
    非空字符串將字符內的數據內容變為數據,如果還有其他符號中文等轉為NaN
    true1
    false0
    null0
    undefinedNaN
    NaN(不用轉,typeof NaN 得到"number")

    示例:

    // 隱式轉換為數字型的運算符
    // 算術運算符 - *  /   比較運算符  >   ==
    console.log(8 - '3') // 5
    console.log('1999' * '2') // 3998,此處兩個string型全都得轉換為number型
    console.log('35' - 34)  //1 console.log('35' - '34') //1
    console.log('40' / '2') //20
    console.log('35' % 2)  //1
    console.log('35' % '2') //1
    console.log(5 - undefined) //NaN 因為Undefined轉為數字為NaN
    console.log(5 - null) //5
    console.log(44%('2a')) //NaN,其中,2a進行強轉后為NaN,NaN參與運算返回NaN
    console.log('5'>'3') //true 此處直接比較的ASCII碼。
    console.log(3 > '1')   // true
    console.log(3 == '3')  // true
    console.log(3 == '+3')  // true,此處的+號相當于是類型轉換
    console.log(3 == '-3')  // false
    console.log(3 == '*3')  // false
    console.log(3 == '/3')  // false
    console.log(3 == 'a3')  // false
    console.log('a' == 97)  // false
    console.log('a' > 'A')  // true 此處比較的是ASCII碼,其中a為97 A為65,因此為true
    console.log('a' > '')  // true
    console.log('' == 0) //true
    // + 正號使用的時候,也會把字符串轉換為 數字型
    console.log('123')  // '123'
    console.log(+'123')  // 123
    console.log(typeof +'123') // number
    console.log(+'0x12' == 18) // true
    console.log('55' + true) //'55true'
    // undefined、null、boolean類型轉換為數字
    console.log(NaN == NaN) //false,NaN比較特殊,它自己不等于自己
    console.log(undefined == 0) //false
    console.log(undefined == NaN) //false
    console.log(undefined == null) //true,此處undefined和null值都為空,因此能夠相等
    console.log(null == 0) //false  此處沒有進行類型轉換,因為null是一個值類型,它的數值就是null,我們在使用==時,會直接把null這個數值與0進行比較,結果為false
    console.log(null === 0) // false
    console.log(null >= 0) //false  null要進行數值比較,此處便會嘗試轉為number,則為0,結果為 true
    console.log(false == null) //false 特殊情況,理論上都應該轉換為0比較然后相等true,但實際是直接拿值比較,不會先轉為為數字
    console.log(true == 1) //true
    console.log(false == 1) //false
    console.log(true > false) //true 先轉化為1和0數字進行比較
    console.log(true + 1) // 2
    console.log(true + null) //1,其中true轉換為1,null轉換為0
    console.log(undefined + 1) // NaN
    console.log('5' - true) //4
    console.log('5' - false) //0
    //數組轉換為數字
    console.log([9] == 9) //true
    console.log([9,'a'] == 9) //false
    //特殊情況
    console.log({} == {}) // false,對象類型比的是地址,不同對象地址不同
    console.log([]==[])   // false,理由同上

    轉換為String類型

    簡單數據轉換字符串對照:

    原始數據類型轉換之后的值
    數字類型數字類型的字符表示
    null&lsquo;null&rsquo;
    undefined&lsquo;undefined&rsquo;
    布爾類型true變&rsquo;true&rsquo;,false變&rsquo;false&rsquo;

    此處注意點為-0轉換為string類型為'0'

    ["a","b"]轉換string類型為"a,b"

    []轉換為string類型為""

    轉換為Boolean類型

    數據邏輯判斷邏輯運算之中會隱式轉換為boolean類型

    轉換為布爾型:空字符、0、-0、undefined、null、false、NaN轉換為布爾值后為false,其余為true

    + 號兩邊只要有一個是字符串,都會把另外一個轉成字符串

    連續使用兩個非操作符(!!)可以將一個數強制轉換為boolean類型,這在開發之中比較實用。

    簡單數據轉換布爾型對照:

    數據類型轉換為true的值轉換為false的值
    String任何非空字符串空字符串(""或&rsquo;')
    Number任何非零數字0和NaN
    Object任何對象null
    Undefined不適用undefined

    示例:

    //隱式轉換為布爾型的運算符  !邏輯非
    console.log(!true)  // false 
    console.log(!0)  // true
    console.log(!'')  // true
    console.log(!null) // true
    console.log(!undefined)  // true
    console.log(!NaN)  // true
    console.log(!false)  // true
    console.log(!'hello') // false

    JavaScrip特殊操作符對類型轉換的影響

    !邏輯非運算符

    !會將后面的數據先轉成布爾值,然后取反

    var a; //a = undefined
    var r = !!a; 
    console.log(r) //false
    !!{} // true
    !!undefined // false
    !!null // false
    !!NaN //fales

    == 相等運算符

    比較操作符會為兩個不同類型的操作數轉換類型,然后進行嚴格比較。當兩個操作數都是對象時,JavaScript會比較其內部引用,當且僅當他們的引用指向內存中的相同對象時才相等,即他們在棧內存中的引用地址相同。

    1.類型相同

    如果比較的是兩個對象,則比較兩個對象的指針是否指向同一個對象

    let a = {}
    let b = {}
    a==b //false
    let a = {}
    let b = a;
    a==b //true

    2.類型不同

    如果兩邊類型不同,則兩邊都嘗試轉成number類型。對于引用類型,先調用valueOf(),如果能轉成數字,則進行比較。不能轉成數字就調用toString()方法轉成字符串。

    tips:因為null是一個值類型,它的數值就是null,我們在使用==時,會直接把null這個數值與數值進行比較,而不是轉換為0

    console.log(3 == '3')  // true
    console.log(3 == '+3')  // true,此處的+號相當于是類型轉換
    console.log(3 == '-3')  // false
    console.log(3 == 'a3')  // false
    console.log(+'0x12' == 18) // true
    console.log('' == 0) //true
    console.log(null == 0) //false  此處沒有進行類型轉換,因為null是一個值類型,它的數值就是null,我們在使用==時,會直接把null這個數值與0進行比較,結果為false
    console.log(NaN == NaN) //false,NaN比較特殊,它自己不等于自己
    console.log(undefined == 0) //false
    console.log(undefined == NaN) //false
    console.log(undefined == null) //true,此處undefined和null值都為空,因此能夠相等

    面試題

    //問題1:
    console.log(new String('abc') == true)//flase
    //step1:右側轉成數字1,變成:
    new String('abc')==1
    //step2 new String('abc').valueOf()不是數字也不是字符串,再調用toString()
    'abc' == 1
    //step3:字符串轉數字
    NaN == 1 //false,NaN和任何類型比較都為false
    //問題2:
    console.log({}==true)//false
    //step1:右側轉成數字
    {} == 1
    //step2 {}.valueOf()不是數字也不是字符串,再調用toString()
    '[object Object]' ==1  
    //step3:字符串轉數字
    NaN == 1 //false,NaN和任何類型比較都為false
    //問題3:
    console.log([]==![])//true
    //step1:!優先級比==高,先轉右邊,[]是對象類型,轉成布爾值為true,!true就是false
    []==false
    //step2:右側轉成數字為0
    []==0
    //step3:左側是一個對象,valueOf()轉出來不是字符也不是字符串,調用toString(),得到空字符串
    '' == 0
    //step4:字符串轉成數字
    0 == 0 //true

    比較運算符

    字符串類型比較大小時,不進行類型轉換,而是逐位比較ASCII碼,第一位不同則返回結果,否則繼續比較第二位,直到某一位不同為止。

    字符串與數字或者boolean與數字比較時,會進行隱式數據類型轉換

    示例

    console.log('5555555' < '6') //true,首先比較第一個字符串的第一個字符,如果不同直接返回結果
    console.log('5'>'3') //true,此處直接比較的ASCII碼。
    console.log(3 > '1') // true
    console.log('a' > 'A')  // true,此處比較的是ASCII碼,其中a為97 A為65,因此為true
    console.log('a' > '')  // true
    console.log(null >= 0) //false,null要進行數值比較,此處便會嘗試轉為number,則為0,結果為 true

    + 算數運算符

    +號作為一元操作符時,它就會將這個數轉換為數字類型

    +號作為二元操作符時

    console.log(3 == '+3')  // true,此處的+號相當于是類型轉換
    console.log('55' + true) //'55true'
    console.log(true + 1) // 2
    console.log(true + null) //1,其中true轉換為1,null轉換為0
    console.log(undefined + 1) // NaN

    + 號兩邊只要有一個是字符串,都會把另外一個轉成字符串,此時+號為連接符

    總結

    JavaScrip簡單數據類型隱式轉換如何實現

    關于JavaScrip簡單數據類型隱式轉換如何實現就分享到這里了,希望以上內容可以對大家有一定的參考價值,可以學以致用。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。

    向AI問一下細節

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    AI

    屯昌县| 米易县| 大安市| 五原县| 肃南| 石棉县| 精河县| 宝鸡市| 东莞市| 南召县| 屏边| 巩义市| 依安县| 吉木乃县| 江孜县| 泰兴市| 永平县| 灌云县| 江口县| 昌平区| 永兴县| 阳城县| 涟水县| 醴陵市| 四川省| 芦山县| 灵川县| 永城市| 扶沟县| 凤城市| 鄂伦春自治旗| 通辽市| 澎湖县| 遂宁市| 龙南县| 双鸭山市| 隆尧县| 台江县| 军事| 弋阳县| 察隅县|