js如何實現類型強制轉換

這篇文章主要介紹js如何實現類型強制轉換，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

類型強制轉換

1 string強制轉換為數字

可以用*1來轉化為數字(實際上是調用.valueOf方法) 然后使用Number.isNaN來判斷是否為NaN，或者使用 a !== a 來判斷是否為NaN，因為 NaN !== NaN

'32' * 1 // 32
'ds' * 1 // NaN
null * 1 // 0
undefined * 1 // NaN
1 * { valueOf: ()=>'3' } // 3

常用： 也可以使用+來轉化字符串為數字

+ '123' // 123
+ 'ds' // NaN
+ ''  // 0
+ null // 0
+ undefined // NaN
+ { valueOf: ()=>'3' } // 3

2 object強制轉化為string

可以使用 字符串+Object 的方式來轉化對象為字符串(實際上是調用 .toString() 方法)

'the Math object:' + Math // "the Math object:[object Math]"
'the JSON object:' + JSON // "the JSON object:[object JSON]"

當然也可以覆蓋對象的toString和valueOf方法來自定義對象的類型轉換：

2 * { valueOf: ()=>'3' } // 6
'J' + { toString: ()=>'S' } // "JS"

《Effective JavaScript》P11：當+用在連接字符串時，當一個對象既有toString方法又有valueOf方法時候，JS通過盲目使用valueOf方法來解決這種含糊。
對象通過valueOf方法強制轉換為數字，通過toString方法強制轉換為字符串

'' + {toString:()=>'S',valueOf:()=>'J'} // J

3 使用Boolean過濾數組中的所有假值

我們知道JS中有一些假值：false，null，0，""，undefined，NaN，怎樣把數組中的假值快速過濾呢，可以使用Boolean構造函數來進行一次轉換

const compact = arr => arr.filter(Boolean)
compact([0, 1, false, 2, '', 3, 'a', 'e' * 23, NaN, 's', 34]) // [ 1, 2, 3, 'a', 's', 34 ]

4 雙位運算符 ~~

可以使用雙位操作符來替代 Math.floor( )。雙否定位操作符的優勢在于它執行相同的操作運行速度更快。

Math.floor(4.9) === 4 //true
// 簡寫為：
~~4.9 === 4 //true

不過要注意，對整數來說 ~~ 運算結果與 Math.floor( ) 運算結果相同，而對于負數來說不相同：

~~4.5 // 4
Math.floor(4.5) // 4
~~-4.5 // -4
Math.floor(-4.5) // -5

5 短路運算符

我們知道邏輯與&&與邏輯或||是短路運算符，短路運算符就是從左到右的運算中前者滿足要求，就不再執行后者了； 可以理解為：

&&為取假運算，從左到右依次判斷，如果遇到一個假值，就返回假值，以后不再執行，否則返回最后一個真值
||為取真運算，從左到右依次判斷，如果遇到一個真值，就返回真值，以后不再執行，否則返回最后一個假值

let param1 = expr1 && expr2
let param2 = expr1 || expr2

因此可以用來做很多有意思的事，比如給變量賦初值：

let variable1
let variable2 = variable1 || 'foo'

如果variable1是真值就直接返回了，后面短路就不會被返回了，如果為假值，則會返回后面的foo。

也可以用來進行簡單的判斷，取代冗長的if語句：

let variable = param && param.prop

如果param如果為真值則返回param.prop屬性，否則返回param這個假值，這樣在某些地方防止param為undefined的時候還取其屬性造成報錯。

6 取整 | 0

對一個數字| 0可以取整，負數也同樣適用，num | 0

1.3 | 0 // 1
-1.9 | 0 // -1

7 判斷奇偶數 & 1

對一個數字& 1可以判斷奇偶數，負數也同樣適用，num & 1

const num=3;
!!(num & 1)					// true
!!(num % 2)					// true

以上是“js如何實現類型強制轉換”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！