JS不同運算符下隱式類型轉換的實現(xiàn)示例

更新時間：2023年12月13日 10:04:01 作者：SuppperSA

隱式轉換就是自動轉換,通常發(fā)生在一些數(shù)學運算中,本文就來介紹一下JS不同運算符下隱式類型轉換的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下

運算符

邏輯運算符（&&、||、!）和條件表達式（if、三元表達式）

邏輯運算符和條件表達式會將值隱式轉換成Boolean

轉Boolean

Boolean(1) // true
Boolean('1') // true
Boolean(true) // true
Boolean(null) // false
Boolean(undefined) // false
Boolean([]) // true
Boolean({}) // true
Boolean(NaN) // false

邏輯運算符

console.log(1 && 2) // 隱式轉換 Boolean(1) && Boolean(2) 
//如果都為true則返回最后為true的值，如果有一個false則返回false, 輸出2

console.log(1 || false) // Boolean(1) && false 
//返回第一個隱式轉換為true的值, 輸出1

console.log(!3) // !Boolean(3)
//將3隱式轉換成Boolean類型的值再取反，輸出false

條件表達式

if(3)   // 隱式轉換 Boolean(3)
if(undefined)  // Boolean(undefined)
if(null) // Boolean(null)

3 ? 2 : 1  // Boolean(3), 為true, 輸出2

4 && undefined ? 2 : 1 // Boolean(undefined), 為true 輸出1

算數(shù)運算符（*、/、- %、+）和關系運算符（>、<、==、!=）

算數(shù)運算符和條件表達式會將值隱式轉換成Number，但是+法運算符有些特殊的規(guī)則

轉換規(guī)則

基本數(shù)據(jù)類型的值轉Number

Number(1) // 1
Number('1') // 1
Number(true) // 1
Number(null) // 0
Number(undefined) // NaN
Number(NaN) // NaN
Number(Symbol(1)) // 報錯

復雜數(shù)據(jù)類型轉Number

const obj = {
  valueOf: function() {
    return 42;
  }
};

Number({}) // NaN
Number([1]) // 1
Number(obj) // 42

1：js會判斷該值的原始值（valueOf）是不是基本數(shù)據(jù)類型，如果是，轉換其為Number，如果不是則按如下轉換規(guī)則。

2: 將Object轉換成String，再轉換成Number。

算數(shù)運算符

+法運算符

運算結果要不是數(shù)字，要不是字符串，要不是NaN

做+法運算的時候，當任何非String類型值和String做運算，則會將其轉換成String，再拼接字符串

console.log(1 + 1) // 2
console.log(1 + true) // 2
console.log(1 + false) // 1
console.log(true + false) // 1
console.log(1 + '1') // '11'
console.log(1 + undefined) // NaN
console.log([1] + '1')  // '11'，先將[1]轉換成數(shù)字1,此時變成了 1 + '1',做字符串拼接'11'

-、*、/、%法運算符

運算結果要不是數(shù)字，要不是NaN

console.log(1 * 1) // 1
console.log(1 - true) // 0
console.log([2] * '1') // 2
console.log([2] / '1') // 2
console.log([2] % '1') // 0
console.log([2] * '1a') // NaN

關系運算符

運算結果總是布爾

console.log(1 == 1) // true
console.log(1 == true) // true
console.log(1 == false) // false
console.log(true == false) // false
console.log(['32'] > 22) // true
console.log(NaN == NaN) // flase

到此這篇關于JS不同運算符下隱式類型轉換的實現(xiàn)示例的文章就介紹到這了,更多相關JS 隱式類型轉換內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: