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

2023-12-19    分類: 網(wǎng)站建設(shè)

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

成都網(wǎng)站開發(fā)

3.字符串比較時間先后

比較時間先后順序可以使用字符串:

成都網(wǎng)站開發(fā)

因為字符串比較大小是按照字符串從左到右每個字符的 charCode 來的,所以特別要注意時間形式注意補 0。

4. 數(shù)字

4.1 不同進制表示法

ES6 中新增了不同進制的書寫格式,在后臺傳參的時候要注意這一點。

成都網(wǎng)站開發(fā)

4.2 數(shù)字補 0 操作

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

成都網(wǎng)站開發(fā)

5. 數(shù)組

5.1 reduce 方法同時實現(xiàn) map 和 filter

假設(shè)現(xiàn)在有一個數(shù)列,你希望更新它的每一項(map 的功能)然后篩選出一部分(filter 的功能)。如果是先使用 map 然后 filter 的話,你需要遍歷這個數(shù)組兩次。

在下面的代碼中,我們將數(shù)列中的值翻倍,然后挑選出那些大于 50 的數(shù)。

成都網(wǎng)站開發(fā)

5.2 統(tǒng)計數(shù)組中相同項的個數(shù)

很多時候,你希望統(tǒng)計數(shù)組中重復(fù)出現(xiàn)項的個數(shù)然后用一個對象表示,那么你可以使用 reduce 方法處理這個數(shù)組。

下面的代碼將統(tǒng)計每一種車的數(shù)目然后把總數(shù)用一個對象表示。

成都網(wǎng)站開發(fā)

5.3 使用解構(gòu)來交換參數(shù)數(shù)值

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

成都網(wǎng)站開發(fā)

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

成都網(wǎng)站開發(fā)

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

網(wǎng)站標題:JS中可以提升幸福度的小技巧(三)
網(wǎng)頁鏈接:http://www.muchs.cn/news32/309332.html

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

廣告

聲明:本網(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)

成都app開發(fā)公司