js如何實(shí)現(xiàn)類型強(qiáng)制轉(zhuǎn)換

這篇文章主要介紹js如何實(shí)現(xiàn)類型強(qiáng)制轉(zhuǎn)換，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

類型強(qiáng)制轉(zhuǎn)換

1 string強(qiáng)制轉(zhuǎn)換為數(shù)字

可以用*1來轉(zhuǎn)化為數(shù)字(實(shí)際上是調(diào)用.valueOf方法) 然后使用Number.isNaN來判斷是否為NaN，或者使用 a !== a 來判斷是否為NaN，因?yàn)?nbsp;NaN !== NaN

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

常用： 也可以使用+來轉(zhuǎn)化字符串為數(shù)字

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

2 object強(qiáng)制轉(zhuǎn)化為string

可以使用 字符串+Object 的方式來轉(zhuǎn)化對象為字符串(實(shí)際上是調(diào)用 .toString() 方法)

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

當(dāng)然也可以覆蓋對象的toString和valueOf方法來自定義對象的類型轉(zhuǎn)換：

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

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

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

3 使用Boolean過濾數(shù)組中的所有假值

我們知道JS中有一些假值：false，null，0，""，undefined，NaN，怎樣把數(shù)組中的假值快速過濾呢，可以使用Boolean構(gòu)造函數(shù)來進(jìn)行一次轉(zhuǎn)換

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 雙位運(yùn)算符 ~~

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

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

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

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

5 短路運(yùn)算符

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

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

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

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

let variable1
let variable2 = variable1 || 'foo'

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

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

let variable = param && param.prop

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

6 取整 | 0

對一個數(shù)字| 0可以取整，負(fù)數(shù)也同樣適用，num | 0

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

7 判斷奇偶數(shù) & 1

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

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

以上是“js如何實(shí)現(xiàn)類型強(qiáng)制轉(zhuǎn)換”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！