本文主要介紹一些 JS 中用到的小技巧,可以在日常 Coding 中提升幸福度。接下來就由石家莊網(wǎng)站開發(fā)工程師詳細(xì)的講解一下。

3.字符串比較時(shí)間先后
比較時(shí)間先后順序可以使用字符串:

因?yàn)樽址容^大小是按照字符串從左到右每個(gè)字符的 charCode 來的,所以特別要注意時(shí)間形式注意補(bǔ) 0。
4. 數(shù)字
4.1 不同進(jìn)制表示法
ES6 中新增了不同進(jìn)制的書寫格式,在后臺(tái)傳參的時(shí)候要注意這一點(diǎn)。

4.2 數(shù)字補(bǔ) 0 操作
有時(shí)候(比如顯示時(shí)間的時(shí)候),會(huì)需要把一位數(shù)字顯示成兩位,這時(shí)候就需要補(bǔ) 0 操作,可以使用 slice 和 string 的 padStart 方法。

5. 數(shù)組
5.1 reduce 方法同時(shí)實(shí)現(xiàn) map 和 filter
假設(shè)現(xiàn)在有一個(gè)數(shù)列,你希望更新它的每一項(xiàng)(map 的功能)然后篩選出一部分(filter 的功能)。如果是先使用 map 然后 filter 的話,你需要遍歷這個(gè)數(shù)組兩次。
在下面的代碼中,我們將數(shù)列中的值翻倍,然后挑選出那些大于 50 的數(shù)。

5.2 統(tǒng)計(jì)數(shù)組中相同項(xiàng)的個(gè)數(shù)
很多時(shí)候,你希望統(tǒng)計(jì)數(shù)組中重復(fù)出現(xiàn)項(xiàng)的個(gè)數(shù)然后用一個(gè)對(duì)象表示,那么你可以使用 reduce 方法處理這個(gè)數(shù)組。
下面的代碼將統(tǒng)計(jì)每一種車的數(shù)目然后把總數(shù)用一個(gè)對(duì)象表示。

5.3 使用解構(gòu)來交換參數(shù)數(shù)值
有時(shí)候你會(huì)將函數(shù)返回的多個(gè)值放在一個(gè)數(shù)組里,我們可以使用數(shù)組解構(gòu)來獲取其中每一個(gè)值。

當(dāng)然我們關(guān)于交換數(shù)值有不少其他辦法:

以上關(guān)于js技巧分享屬石家莊網(wǎng)站開發(fā)工程師的個(gè)人觀點(diǎn),大家如果對(duì)此有著不同的見解,可以關(guān)注公眾號(hào)“尚武科技派”給我留言,大家可以交流一下自己的心得體會(huì),共同學(xué)習(xí)進(jìn)步。