forEach循环里用if判断，然后根据下标使用splice删除数组元素后，产生下标错乱问题 解决方法

已于 2022-08-03 09:20:28 修改
阅读量2k 收藏 2
点赞数
文章标签： javascript vue.js
于 2021-07-27 16:44:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SYXZSs/article/details/119147310
版权

本人在forEach循环里使用if判断进行splice删除数组元素，然后根据index生成的序号产生了错乱问题

  1. 本人代码如下： ele.index = index + 1， 是根据下标 添加的序号在这里插入图片描述

  2. 来看打印效果： 数组第三项还有index下标，第四项就没了在这里插入图片描述
    自然序号也就没了
    在这里插入图片描述

  3. 现在问题出现了，那就开始解决

  4. *因为代码写法和后期查询列表问题，不能使用push添加到新数组*

  5. 使用 delete 删除法删除后，所有的下标都没了

  6. 最后瞎整了半个小时才解决

  7. 解决方法：在这里插入图片描述
    详解：先使用filter把username字段为空的值给过滤掉，附给新数组，这样就得到了username不为空的所有数据。然后把它赋值给我们后面需要的数据。最后再通过forEach循环添加下标（序号）。

第二种写法

  • 声明两个变量。空数组 list，和 下标ind，默认为0
    在这里插入图片描述

完成

不要睡觉哦i
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js数组，用forEach修改数组的值
fantasy_ghost的博客
04-08 4473
js数组，用forEach修改数组的值 下面展示代码 // 数组改值 let arr = [33,455,5555,553,333]; arr.forEach(function(item){ item = 30; }) console.log(arr); //输出 (5) [33,455,5555,553,333] 并没有达到想要的效果，下边这样写可以实现 /* * item --->是数组中的每个值
数组在for循环中使用splice方法导致索引错乱的问题
MrHZJ的博客
03-29 6699
数组的方法基本简介在开发程序的过程中，我们经常使用数组和它的相关方法。就如追加元素push()方法在首部添加元素的unshift()方法还有删除最后一个元素的方法pop()方法....有很多，我就不一一列举了，其实我觉得不用记的，有一个印象就行，用法这些有印象开发的时候记不住就翻技术手册或者找度娘，我们要始终遵循一条宗旨：开发要把精力全部放在创造上，这些鸡皮蒜事有时候记得很容易混淆，也很杂我这里要...
在forEach循环里头使用splice()遇到的坑
越努力，越幸运！
06-18 6831
请记住：在使用map、forEach等链式调用的方式去遍历数组集合时,不要在循环体中移除数组集合的成员,简单来说就是不要减少数组的长度,否则数组的指针会指向错误 【1】例子：循环arr数组，将item为1的元素从数组中删除 let arr = [1, 1, 2] arr.forEach((item, index, arr) => { if (item...
splice在foreach中使用导致index乱序的问题
最新发布
lyz246859的博客
04-25 147
在forEach中使用splice方法去删除符合条件的项时，会发现有时会出问题，这是因为splice方法是会改变原数组的值的，因此，没循环触发一次splice方法，便利的原数组就会出现改变，那么相应的循环中index也会改变，那么后续的值自然就不正确了。
foreach控制循环if判断
colorsunlight的专栏
05-11 6564
resultMap类型为<c:forEach items="${resultMap}" var="daily" varStatus="n"> <tr class="<c:choose><c:when test="${n.index % 2==0 }">row-even</c:when><c:otherwise>row-odd</c:otherwise>
js循环删除数组元素，解决导致因为下标变化出现问题
linkunpeng_的博客
03-22 2059
js中遍历循环删除符合条件的元素，从后往前循环，因为从前往后循环删除了某个元素后下标会发生变化下标前移，影响后边的元素循环； 解决：改用从后往前循环，不会影响前边元素下标的改变 var index = selectRows.length; while(index--){ if (selectRows[index].fatherId == "property"){ selectRows.splice(index,1); } } ...
C#使用foreach语句搜索数组元素的方法
09-03
对于数组而言，`foreach`循环隐含地使用了索引来访问数组的每个元素，而无需我们手动处理索引。这使得代码更加简洁且易于理解。 以下是一个简单的C#程序，演示了如何使用`foreach`语句在整型数组中搜索特定值： ``...
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
10-24
主要介绍了smarty模板引擎使用内建函数foreach循环取出所有数组值的方法,实例分析了foreach循环遍历数组的几种常用技巧,需要的朋友可以参考下
vue forEach循环数组拿到自己想要的数据方法
01-19
如下所示： (item) label=item.id key=item.id class=checkboxMargin> <span>{{item.value}}{{item.checked}} handleJurisdiction(index, row) {//获取权限 this.selectedCheck=[];... this.jurisdictio
PHP获取数组最大值下标的方法
10-24
然后，`array_search()`函数用于在数组中查找指定的值，并返回该值的第一个匹配项的键（即下标）。它接受两个参数：要查找的值和搜索的数组。如果找到匹配项，它将返回对应的键；否则，返回`false`。在示例中： ```...
vue中forEach与splice连用删除元素出现的bug
weixin_35757191的博客
02-13 586
在使用 Vue 中的 forEach 和 splice 连用删除元素时，可能会出现 bug。这是因为 forEach 是遍历数组的方法，而 splice 是对数组进行修改的方法，因此，当使用 splice 删除数组中的元素时，它会改变数组的长度，进而影响到 forEach 的遍历。因此，在使用 forEach 和 splice 连用删除元素时，需要注意以下几点： 不能在 forEach 内部直接...
for 循环后，循环内容数据顺序被打乱
月苏西的博客
04-26 472
传送门
程序中for和splice同时使用与面向对象封装思想碰撞导致剔除残留问题bug
qq_24829537的博客
02-17 93
用for循环时要避免的小坑
Mybatis中 foreach 嵌套使用 if 标签对象取值问题
m0_67400973的博客
03-22 1723
最近做项目过程中，涉及到需要在 Mybatis 中 使用 foreach 进行循环读取传入的查询条件，动态拼接SQL语句，接口传入的查询条件格式：{“advanceSearchList”:[{“searchType”:10,“searchText”:“12”}]} ，根据我定义的参数格式，需要在 Mybatis中动态去循环读取advanceSearchList 集合中的json对象，并根据 json对象中的searchType 做不同的处理，需要在 foreach 中嵌套 if 标签进行判断使用。 大体格式
处理数组循环中删除元素导致索引错位情况
芳草萋萋鹦鹉洲哦
03-23 757
就是很多时候我们对一个数组进行操作的时候，在for遍历的过程中删掉了一个元素，那么在删掉那个元素之后的所有元素的索引值都会减少一位，数组长度缩短一位，删完之后，正在进行的循环会继续循环下去，但是循环的索引不变，就会导致被删元素紧邻的后面那个元素跳过了循环检查。这个程序的意思就是在数组arr找出3来并把它删除，但是结果只打印了一次“抓到一个3”，就是说它只找到一个，而另外一个去哪了？而它后面那个3因为前面删掉一个，会往左挪一位，从索引3变成索引2了，而循环继续检查是从索引3开始，即对应数组中的4，直到结束。
【mybatis】mybatis中判断数组参数的下标是否为最后一个
非正常人研究室
02-28 5318
在遍历数组参数拼接sql的时候，最后一个参数不需要某些关键字，所以需要判断是否为循环的最后 示意 &amp;lt;select id=&quot;count&quot; parameterType=&quot;list&quot; resultType=&quot;java.lang.Integer&quot;&amp;gt; &amp;lt;if test=&quot;list!=null and list.size
js使用splice方法删除数组元素可能导致的问题
忧郁的蛋的专栏
05-02 1843
splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。JavaScript 遍历数组并通过 splice 方法删除该数组符合某些条件的元素将会导致哪些问题？
MyBatis框架中动态语句实现 if 标签与 forearch标签
Java全栈领域/离线地图/微服务
01-22 1502
引言 在我们进行多条件查询时，往往需要进行sql语句的拼接，在mybatis框架中，提供了两个标签用以拼接动态sql语句，分别是 if 判断 和 forach 循环标签。 我们都知道在java中数据库的连接代价是高昂的，如果打开了多个连接没有释放会严重影响服务器的效率，严重时会造成宕机，因此我们在查询数据库时最好减少连接次数，多条件查询时使用 if 和 forach 标签可以动态的拼接sql语...
javascript foreach遍历数组获取元素下标
05-20
可以使用 `forEach` 方法的第二个参数来获取元素下标。示例如下： ```javascript const arr = ['a', 'b', 'c']; arr.forEach(function(element, index) { console.log(index, element); }); ``` 输出结果为： ``...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值