欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 數(shù)組精簡技巧小結

 更新時間:2020年02月26日 08:54:05   作者:前端小智  
本文給大家分享了13個非常常用的JavaScript數(shù)組操作的小技巧,有需要的小伙伴可以來看看,個人十分推薦.

數(shù)組是 JS 最常見的一種數(shù)據(jù)結構,咱們在開發(fā)中也經(jīng)常用到,在這篇文章中,提供一些小技巧,幫助咱們提高開發(fā)效率。

1. 刪除數(shù)組的重復項

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ù)組

在某些情況下,當咱們創(chuàng)建一個數(shù)組并希望用一些數(shù)據(jù)來填充它,這時 .fill()方法可以幫助咱們。

7. 數(shù)組合并

使用展開操作符,也可以將多個數(shù)組合并起來。

8.求兩個數(shù)組的交集

求兩個數(shù)組的交集在面試中也是有一定難度的正點,為了找到兩個數(shù)組的交集,首先使用上面的方法確保所檢查數(shù)組中的值不重復,接著使用.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ù)組時,沒有必要通過復雜的循環(huán)和函數(shù)來創(chuàng)建它,數(shù)組的 reverse 方法就可以做了:

12 lastIndexOf() 方法

13.對數(shù)組中的所有值求和

JS 面試中也經(jīng)常用 reduce 方法來巧妙的解決問題

總結

在本文中,介紹了13個技巧,希望它們可以幫助編寫簡潔代碼,如果你還有更好的辦法,歡迎留言討論。

英文原文:

https://dev.to/duomly/13-useful-javascript-array-tips-and-tricks-you-should-know-2jfo

到此這篇關于javascript 數(shù)組精簡技巧小結的文章就介紹到這了,更多相關js數(shù)組精簡內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持腳本之家!

相關文章

  • javascript 特性檢測并非瀏覽器檢測

    javascript 特性檢測并非瀏覽器檢測

    NCZ在他的同名博客《Feature detection is not browser detection》中,講述了一直以來前端開發(fā)中的一個熱門技術——檢測用戶的瀏覽器平臺,并詳細地敘說歷史發(fā)展以及各種辦法的優(yōu)缺點。
    2010-01-01
  • js判斷一點是否在一個三角形內(nèi)

    js判斷一點是否在一個三角形內(nèi)

    判斷一個點是否在一個三角行內(nèi)的代碼
    2008-02-02
  • JavaScript實現(xiàn)合并(歸并)排序算法示例解析

    JavaScript實現(xiàn)合并(歸并)排序算法示例解析

    這篇文章主要為大家介紹了JavaScript實現(xiàn)合并(歸并)排序算法示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-08-08
  • 小程序跳轉(zhuǎn)H5頁面的方法步驟

    小程序跳轉(zhuǎn)H5頁面的方法步驟

    這篇文章主要介紹了小程序跳轉(zhuǎn)H5頁面的方法步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-03-03
  • 解決JS內(nèi)存泄露之js對象和dom對象互相引用問題

    解決JS內(nèi)存泄露之js對象和dom對象互相引用問題

    這篇文章主要介紹了解決JS內(nèi)存泄露之js對象和dom對象互相引用問題,需要的朋友可以參考下
    2017-06-06
  • 通過示例徹底搞懂js閉包

    通過示例徹底搞懂js閉包

    下面小編就為大家?guī)硪黄ㄟ^示例徹底搞懂js閉包。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • javascript獲取當前ip的代碼

    javascript獲取當前ip的代碼

    用js獲取當前網(wǎng)卡的ip地址,可以是局域網(wǎng)的。不過一般本地使用的。
    2009-05-05
  • 九個超級好用的Javascript技巧

    九個超級好用的Javascript技巧

    在實際的開發(fā)工作過程中,積累了一些常見又超級好用的 Javascript 技巧和代碼片段,包括整理的其他大神的 JS 使用技巧,今天篩選了 9 個,以供大家參考
    2023-04-04
  • 16個最流行的JavaScript框架[推薦]

    16個最流行的JavaScript框架[推薦]

    這篇文章列舉了當下最流行的16個 JavaScript 框架,既包含 jQuery 和 Mootools 等常規(guī)框架,也有Zepo這種支持智能手機觸摸功能的移動JavaScript框架,如果你有更好的框架推薦,歡迎與我們分享。
    2011-05-05
  • JavaScript字符串檢索字符的方法

    JavaScript字符串檢索字符的方法

    這篇文章主要為大家詳細介紹了JavaScript字符串檢索字符的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06

最新評論