js數(shù)組如何遍歷一次，刪除部分元素

IntMain 發(fā)布于2019-08-21 10:57 / 2217人閱讀

摘要：常見的思路是先用方法遍歷一次，或其它方法遍歷，總之是把要去掉的元素改成，然后再遍歷新數(shù)組，把的元素去掉。那么有沒有遍歷一次就可以把沒用的元素去掉的辦法呢有的，如下只需要一個簡單的循環(huán)就搞定啦。

經(jīng)常做后臺取數(shù)據(jù)，渲染到頁面工作的前端童鞋可能都碰到過這種需求：那就是如果后臺傳給前端的數(shù)據(jù)要二次處理，一個數(shù)組，其中具有某種共同特征的元素是我們不需要的，必須要把它刪除掉，這時候怎么做呢。

常見的思路是：先用map方法遍歷一次，或其它方法遍歷，總之是把要去掉的元素改成undefined，然后再遍歷新數(shù)組，把undefined的元素去掉?？傊褪欠浅Ｂ闊?。
那么有沒有遍歷一次就可以把沒用的元素去掉的辦法呢？
有的，如下：

var arr = [
{
    status:0
},{
    status:1
},{
    status:0
},{
    status:0
},{
    status:0
},{
    status:3
},{
    status:0
},{
    status:7
},{
    status:0
},{
    status:2
}];
            
console.log(arr);
            
for(var i=0,flag=true,len=arr.length;i
只需要一個簡單的for循環(huán)就搞定啦。
我在for循環(huán)里設(shè)了個 flag 標志，并在后面的 i++ 位置做了判斷，flag為true則加，為false則不變。
這樣就可以解決，splice方法刪掉一個元素后，后面緊鄰的元素不會被遍歷到的問題。
特別注意，for循環(huán)里面的 if 要先判斷一下 arr[i] 的存在與否。
我目前測試的這種辦法是沒有漏洞的，如果大家用的時候發(fā)現(xiàn)有任何漏洞的話，希望能回復(fù)告知我一下，或者哪位大神有更好的實現(xiàn)這種需求的辦法，麻煩在評論里寫出來，大家一起探討，共同進步！
深知sf里大神很多，小弟就不在這里過多廢話了。

GPU云服務(wù)器云服務(wù)器 js數(shù)組遍歷添加元素 js數(shù)組刪除元素 js數(shù)組刪除指定元素 js數(shù)組如何移除元素

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/86480.html

相關(guān)文章

JS 數(shù)組循環(huán)遍歷方法的對比

摘要：循環(huán)方法方法不改變原數(shù)組方法會給原數(shù)組中的每個元素都按順序調(diào)用一次函數(shù)。篩選出過濾出數(shù)組中符合條件的項組成新數(shù)組代碼方法方法為數(shù)組中的每個元素執(zhí)行一次函數(shù)，直到它找到一個使返回表示可轉(zhuǎn)換為布爾值的值的元素。 showImg(https://segmentfault.com/img/bV2QTD?w=1600&h=500); 前言 JavaScript 發(fā)展至今已經(jīng)發(fā)展出多種數(shù)組的循環(huán)遍...

BlackFlagBin 2019-08-26 11:31 評論0 收藏0
js&jq面試筆記(下)

摘要：面試筆記，該部分為下部分。構(gòu)造函數(shù)模式使用自定義的構(gòu)造函數(shù)與普通函數(shù)一樣，只是用它來創(chuàng)建對象，定義對象類型如的屬性和方法。使用原型來添加屬性共享一個原型對象的方法原型是指向原型對象的，這個原型對象與構(gòu)造函數(shù)沒有太大關(guān)系，唯一的關(guān)系 js&jq面試筆記，該部分為下部分。字符串相關(guān) 1、定義一個方法，用于將string中的每個字符之間加一個空格，并輸出如：hello -> h e l ...

xinhaip 2019-08-23 10:41 評論0 收藏0
【JavaScript入門】Array類型

摘要：數(shù)組也是對象數(shù)據(jù)類型的數(shù)組也有屬性名，只不過屬性名是數(shù)字，我們把數(shù)字屬性名稱之為它的索引數(shù)組是以數(shù)字作為索引，索引從零開始，有一個屬性代表數(shù)組的長度。 Array 數(shù)組也是對象數(shù)據(jù)類型的 typeof [] ->object數(shù)組也有屬性名，只不過屬性名是數(shù)字，我們把數(shù)字屬性名稱之為它的索引：數(shù)組是以數(shù)字作為索引，索引從零開始，有一個length屬性代表數(shù)組的長度。 showImg(h...

zxhaaa 2019-08-22 15:47 評論0 收藏0
細說JS數(shù)組

摘要：數(shù)組元素的讀寫使用訪問數(shù)組元素時，將索引轉(zhuǎn)換為字符串，然后將其作為屬性名一樣使用。第一個參數(shù)應(yīng)該在前只展開一層數(shù)組元素不變，返回注意，只拼接第一層結(jié)構(gòu)。此乃犀牛書(第七章數(shù)組)讀書筆記,又結(jié)合了ES6中數(shù)組的擴展部分做的知識梳理。精華部分就是手工繪制的兩張數(shù)組總結(jié)圖了。靈活運用數(shù)組的各種方法是基本功，是基本功，是基本功，重要的事情說三遍。好了，正文從下面開始~ 數(shù)組的基本概念什么...

starsfun 2019-08-20 13:58 評論0 收藏0
js數(shù)組筆記

摘要：一定義數(shù)組是按次序排列的一組值。整個數(shù)組用方括號表示，數(shù)組的值用，分割數(shù)組的數(shù)據(jù)可以是任何類型。原數(shù)組會會變化，截取的部分自動為一個數(shù)組返回。否則，返回函數(shù)參數(shù)數(shù)組當前項的值數(shù)組當前項的索引數(shù)組對象本身返回值舉個例子不會改變原數(shù)組一、定義數(shù)組（array）是按次序排列的一組值。每個值的位置都有編號（從0開始）。整個數(shù)組用方括號表示，數(shù)組的值用，分割；數(shù)組的數(shù)據(jù)可以是任何類型。本質(zhì)...

JinB 2019-08-26 13:25 評論0 收藏0