2023-12-19 分類: 網(wǎng)站建設(shè)
本文主要介紹一些 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)制的書寫格式,在后臺傳參的時(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è)對象表示,那么你可以使用 reduce 方法處理這個(gè)數(shù)組。
下面的代碼將統(tǒng)計(jì)每一種車的數(shù)目然后把總數(shù)用一個(gè)對象表示。
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),大家如果對此有著不同的見解,可以關(guān)注公眾號“創(chuàng)新互聯(lián)派”給我留言,大家可以交流一下自己的心得體會(huì),共同學(xué)習(xí)進(jìn)步。
網(wǎng)站標(biāo)題:JS中可以提升幸福度的小技巧(三)
網(wǎng)頁鏈接:http://jinyejixie.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)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容