最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

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

數(shù)組是 JS 最常見的一種數(shù)據(jù)結(jié)構(gòu),咱們在開發(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 方法來巧妙的解決問題

總結(jié)

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

英文原文:

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

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

相關(guān)文章

  • 微信小程序視圖容器和基本內(nèi)容組件圖文詳解

    微信小程序視圖容器和基本內(nèi)容組件圖文詳解

    小程序提供了豐富的基礎(chǔ)組件給開發(fā)者,開發(fā)者可以像搭積木一樣,組合各種組件拼合成自己的小程序,下面這篇文章主要給大家介紹了關(guān)于微信小程序視圖容器和基本內(nèi)容組件的相關(guān)資料,需要的朋友可以參考下
    2022-07-07
  • 使用ethers.js部署Solidity智能合約的方法

    使用ethers.js部署Solidity智能合約的方法

    Ethers.js則是一個輕量級的web3.js替代品,在本文中,我們將學習使用ethers.js部署Solidity智能合約的方法,感興趣的朋友一起看看吧
    2021-10-10
  • uniapp微信小程序獲取當前城市名稱逆地址解析實例教程

    uniapp微信小程序獲取當前城市名稱逆地址解析實例教程

    最近在用uni-app開發(fā)小程序,需要獲取用戶所在城市,小程序本身沒有這樣的api,那么怎么實現(xiàn)呢?下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序獲取當前城市名稱逆地址解析的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • js 日期比較相關(guān)天數(shù)代碼

    js 日期比較相關(guān)天數(shù)代碼

    這篇文章主要介紹了js實現(xiàn)日期比較相關(guān)天數(shù)的方法,需要的朋友可以參考下
    2014-04-04
  • 靜態(tài)頁面html中跳轉(zhuǎn)傳值的JS處理技巧

    靜態(tài)頁面html中跳轉(zhuǎn)傳值的JS處理技巧

    這篇文章主要介紹了靜態(tài)頁面html中跳轉(zhuǎn)傳值的JS處理技巧,結(jié)合實例形式分析了HTML頁面跳轉(zhuǎn)通過URL傳遞參數(shù)的方法與javascript處理技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • js獲取字符串字節(jié)數(shù)方法小結(jié)

    js獲取字符串字節(jié)數(shù)方法小結(jié)

    這篇文章主要介紹了js獲取字符串字節(jié)數(shù)方法,實例總結(jié)了javascript字符串長度計算的相關(guān)技巧,需要的朋友可以參考下
    2015-06-06
  • 用console.table()調(diào)試javascript

    用console.table()調(diào)試javascript

    昨天我了解到Chrome調(diào)試工具一個小巧的調(diào)試方法,在WDCC期間, Marcus Ross(@zahlenhelfer) 介紹了,chrome調(diào)試工具各種調(diào)試方法,這個只是其中一種,現(xiàn)在我來給大家秀下。
    2014-09-09
  • Js利用Canvas實現(xiàn)圖片壓縮功能

    Js利用Canvas實現(xiàn)圖片壓縮功能

    下面小編就為大家?guī)硪黄狫s利用Canvas實現(xiàn)圖片壓縮功能。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 解決微信授權(quán)成功后點擊按返回鍵出現(xiàn)空白頁和報錯的問題

    解決微信授權(quán)成功后點擊按返回鍵出現(xiàn)空白頁和報錯的問題

    這篇文章主要介紹了解決微信授權(quán)成功后點擊按返回鍵出現(xiàn)空白頁和報錯的問題,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-06-06
  • webpack4.x下babel的安裝、配置及使用詳解

    webpack4.x下babel的安裝、配置及使用詳解

    這篇文章主要介紹了webpack4.x下babel的安裝、配置及使用詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-03-03

最新評論

安塞县| 广东省| 二连浩特市| 广南县| 绥中县| 满洲里市| 江油市| 芮城县| 涿州市| 若羌县| 资源县| 长沙市| 南城县| 尉犁县| 宁化县| 偏关县| 洪泽县| 白朗县| 沁水县| 天等县| 乐东| 望江县| 巴中市| 阿克陶县| 成都市| 资阳市| 民丰县| 宝坻区| 遵化市| 土默特右旗| 河东区| 裕民县| 宜都市| 龙岩市| 富锦市| 唐海县| 南澳县| 城步| 古浪县| 揭阳市| 峡江县|