今天就跟大家聊聊有關(guān)JavaScript數(shù)組精簡技巧都有哪些,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
為海鹽等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及海鹽網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、做網(wǎng)站、海鹽網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
數(shù)組是 JS 很常見的一種數(shù)據(jù)結(jié)構(gòu),咱們在開發(fā)中也經(jīng)常用到,接下來看看有哪些些小技巧,幫助咱們提高開發(fā)效率。
1. 刪除數(shù)組的重復(fù)項
2. 替換數(shù)組中的特定值
有時在創(chuàng)建代碼時需要替換數(shù)組中的特定值,有一種很好的簡短方法可以做到這一點,咱們可以使用.splice(start、value to remove、valueToAdd),這些參數(shù)指定咱們希望從哪里開始修改、修改多少個值和替換新值。
3. Array.from 達到 .map 的效果
咱們都知道 .map() 方法,.from() 方法也可以用來獲得類似的效果且代碼也很簡潔。
4.置空數(shù)組
有時候我們需要清空數(shù)組,一個快捷的方法就是直接讓數(shù)組的 length 屬性為 0,就可以清空數(shù)組了。
5. 將數(shù)組轉(zhuǎn)換為對象
有時候,出于某種目的,需要將數(shù)組轉(zhuǎn)化成對象,一個簡單快速的方法是就使用展開運算符號(...):
6. 用數(shù)據(jù)填充數(shù)組
在某些情況下,當(dāng)咱們創(chuàng)建一個數(shù)組并希望用一些數(shù)據(jù)來填充它,這時 .fill()方法可以幫助咱們。
7. 數(shù)組合并
使用展開操作符,也可以將多個數(shù)組合并起來。
8.求兩個數(shù)組的交集
求兩個數(shù)組的交集在面試中也是有一定難度的正點,為了找到兩個數(shù)組的交集,首先使用上面的方法確保所檢查數(shù)組中的值不重復(fù),接著使用.filter 方法和.includes方法。如下所示:
9.從數(shù)組中刪除虛值
在 JS 中,虛值有 false, 0,'', null, NaN, undefined。咱們可以 .filter() 方法來過濾這些虛值。
10. 從數(shù)組中獲取隨機值
有時我們需要從數(shù)組中隨機選擇一個值。一種方便的方法是可以根據(jù)數(shù)組長度獲得一個隨機索引,如下所示:
11.反轉(zhuǎn)數(shù)組
現(xiàn)在,咱們需要反轉(zhuǎn)數(shù)組時,沒有必要通過復(fù)雜的循環(huán)和函數(shù)來創(chuàng)建它,數(shù)組的 reverse 方法就可以做了:
12 lastIndexOf() 方法
13.對數(shù)組中的所有值求和
JS 面試中也經(jīng)常用 reduce 方法來巧妙的解決問題
看完上述內(nèi)容,你們對JavaScript數(shù)組精簡技巧都有哪些有進一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。