真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

js如何實現(xiàn)類型強制轉(zhuǎn)換

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

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程,更有濟水街道免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

類型強制轉(zhuǎn)換

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

可以用*1來轉(zhuǎn)化為數(shù)字(實際上是調(diào)用.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

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

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

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

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

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

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

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

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

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

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

我們知道JS中有一些假值:false,null,0"",undefined,NaN,怎樣把數(shù)組中的假值快速過濾呢,可以使用Boolean構(gòu)造函數(shù)來進行一次轉(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 雙位運算符 ~~

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

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

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

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

5 短路運算符

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

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

let param1 = expr1 && expr2
let param2 = expr1 || expr2
運算符示例說明
&&expr1&&expr2如果expr1 能轉(zhuǎn)換成false則返回expr1,否則返回expr2. 因此, 在Boolean環(huán)境中使用時, 兩個操作結(jié)果都為true時返回true,否則返回false.
||expr1||expr2如果expr1能轉(zhuǎn)換成true則返回expr1,否則返回expr2. 因此,在boolean環(huán)境(在if的條件判斷中)中使用時, 二者操作結(jié)果中只要有一個為true,返回true;二者操作結(jié)果都為false時返回false.
!!expr如果單個表達(dá)式能轉(zhuǎn)換為true的話返回false,否則返回true.

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

let variable1
let variable2 = variable1 || 'foo'

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

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

let variable = param && param.prop

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

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如何實現(xiàn)類型強制轉(zhuǎn)換”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


文章標(biāo)題:js如何實現(xiàn)類型強制轉(zhuǎn)換
本文地址:http://weahome.cn/article/jgsese.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部