JS中可以提升幸福度的小技巧

2024-02-01    分類: 網(wǎng)站建設(shè)

本文主要介紹一些 JS 中用到的小技巧,可以在日常 Coding 中提升幸福度。接下來就由成都網(wǎng)站建設(shè)工程師詳細的講解一下。

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

可以用 *1來轉(zhuǎn)化為數(shù)字(實際上是調(diào)用 .valueOf方法)。

然后使用 Number.isNaN 來判斷是否為 NaN,或者使用 a!==a 來判斷是否為 NaN,因為 NaN!==NaN。

成都網(wǎng)站建設(shè)

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

成都網(wǎng)站建設(shè)

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

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

成都網(wǎng)站建設(shè)

對象通過 valueOf 方法強制轉(zhuǎn)換為數(shù)字,通過 toString 方法強制轉(zhuǎn)換為字符串。

成都網(wǎng)站建設(shè)

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

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

成都網(wǎng)站建設(shè)

4 雙位運算符 ~~

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

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

5 短路運算符

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

可以理解為:

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

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

成都網(wǎng)站建設(shè)

成都網(wǎng)站建設(shè)

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

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

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

成都網(wǎng)站建設(shè)

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

以上關(guān)于js技巧分享屬成都網(wǎng)站建設(shè)工程師的個人觀點,大家如果對此有著不同的見解,可以關(guān)注公眾號“創(chuàng)新互聯(lián)派”給我留言,大家可以交流一下自己的心得體會,共同學(xué)習(xí)進步。

網(wǎng)站欄目:JS中可以提升幸福度的小技巧
本文地址:http://www.muchs.cn/news33/316433.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、響應(yīng)式網(wǎng)站網(wǎng)站設(shè)計公司、域名注冊、網(wǎng)頁設(shè)計公司、網(wǎng)站導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司