js数组如何遍历一次，删除部分元素

IntMain 发布于2019-08-21 10:57 / 2140人阅读

摘要：常见的思路是先用方法遍历一次，或其它方法遍历，总之是把要去掉的元素改成，然后再遍历新数组，把的元素去掉。那么有没有遍历一次就可以把没用的元素去掉的办法呢有的，如下只需要一个简单的循环就搞定啦。

经常做后台取数据，渲染到页面工作的前端童鞋可能都碰到过这种需求：那就是如果后台传给前端的数据要二次处理，一个数组，其中具有某种共同特征的元素是我们不需要的，必须要把它删除掉，这时候怎么做呢。

常见的思路是：先用map方法遍历一次，或其它方法遍历，总之是把要去掉的元素改成undefined，然后再遍历新数组，把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循环就搞定啦。
我在for循环里设了个 flag 标志，并在后面的 i++ 位置做了判断，flag为true则加，为false则不变。
这样就可以解决，splice方法删掉一个元素后，后面紧邻的元素不会被遍历到的问题。
特别注意，for循环里面的 if 要先判断一下 arr[i] 的存在与否。
我目前测试的这种办法是没有漏洞的，如果大家用的时候发现有任何漏洞的话，希望能回复告知我一下，或者哪位大神有更好的实现这种需求的办法，麻烦在评论里写出来，大家一起探讨，共同进步！
深知sf里大神很多，小弟就不在这里过多废话了。

云服务器 GPU云服务器 js数组遍历添加元素 js数组删除元素 js数组删除指定元素 js数组如何移除元素

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86480.html

JS 数组循环遍历方法的对比

摘要：循环方法方法不改变原数组方法会给原数组中的每个元素都按顺序调用一次函数。筛选出过滤出数组中符合条件的项组成新数组代码方法方法为数组中的每个元素执行一次函数，直到它找到一个使返回表示可转换为布尔值的值的元素。 showImg(https://segmentfault.com/img/bV2QTD?w=1600&h=500); 前言 JavaScript 发展至今已经发展出多种数组的循环遍...

BlackFlagBin 2019-08-26 11:31 评论0 收藏0
js&jq面试笔记(下)

摘要：面试笔记，该部分为下部分。构造函数模式使用自定义的构造函数与普通函数一样，只是用它来创建对象，定义对象类型如的属性和方法。使用原型来添加属性共享一个原型对象的方法原型是指向原型对象的，这个原型对象与构造函数没有太大关系，唯一的关系 js&jq面试笔记，该部分为下部分。字符串相关 1、定义一个方法，用于将string中的每个字符之间加一个空格，并输出如：hello -> h e l ...

xinhaip 2019-08-23 10:41 评论0 收藏0
【JavaScript入门】Array类型

摘要：数组也是对象数据类型的数组也有属性名，只不过属性名是数字，我们把数字属性名称之为它的索引数组是以数字作为索引，索引从零开始，有一个属性代表数组的长度。 Array 数组也是对象数据类型的 typeof [] ->object数组也有属性名，只不过属性名是数字，我们把数字属性名称之为它的索引：数组是以数字作为索引，索引从零开始，有一个length属性代表数组的长度。 showImg(h...

zxhaaa 2019-08-22 15:47 评论0 收藏0
细说JS数组

摘要：数组元素的读写使用访问数组元素时，将索引转换为字符串，然后将其作为属性名一样使用。第一个参数应该在前只展开一层数组元素不变，返回注意，只拼接第一层结构。此乃犀牛书(第七章数组)读书笔记,又结合了ES6中数组的扩展部分做的知识梳理。精华部分就是手工绘制的两张数组总结图了。灵活运用数组的各种方法是基本功，是基本功，是基本功，重要的事情说三遍。好了，正文从下面开始~ 数组的基本概念什么...

starsfun 2019-08-20 13:58 评论0 收藏0
js数组笔记

摘要：一定义数组是按次序排列的一组值。整个数组用方括号表示，数组的值用，分割数组的数据可以是任何类型。原数组会会变化，截取的部分自动为一个数组返回。否则，返回函数参数数组当前项的值数组当前项的索引数组对象本身返回值举个例子不会改变原数组一、定义数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始）。整个数组用方括号表示，数组的值用，分割；数组的数据可以是任何类型。本质...

JinB 2019-08-26 13:25 评论0 收藏0