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

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

3.字符串比較時(shí)間先后

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

因?yàn)樽址容^大小是按照字符串從左到右每個(gè)字符的 charCode 來(lái)的，所以特別要注意時(shí)間形式注意補(bǔ) 0。

4. 數(shù)字

4.1 不同進(jìn)制表示法

ES6 中新增了不同進(jìn)制的書(shū)寫(xiě)格式，在后臺(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)來(lái)交換參數(shù)數(shù)值

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

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

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

網(wǎng)站標(biāo)題：JS中可以提升幸福度的小技巧(三)
網(wǎng)頁(yè)鏈接：http://www.bm7419.com/news32/309332.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、虛擬主機(jī)、定制網(wǎng)站

廣告

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