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
    评论
数组在for循环中使用splice方法导致索引错乱的问题
MrHZJ的博客
03-29 6686
数组的方法基本简介在开发程序的过程中，我们经常使用数组和它的相关方法。就如追加元素push()方法在首部添加元素的unshift()方法还有删除最后一个元素的方法pop()方法....有很多，我就不一一列举了，其实我觉得不用记的，有一个印象就行，用法这些有印象开发的时候记不住就翻技术手册或者找度娘，我们要始终遵循一条宗旨：开发要把精力全部放在创造上，这些鸡皮蒜事有时候记得很容易混淆，也很杂我这里要...
在forEach循环里头使用splice()遇到的坑
越努力，越幸运！
06-18 6823
请记住：在使用map、forEach等链式调用的方式去遍历数组集合时,不要在循环体中移除数组集合的成员,简单来说就是不要减少数组的长度,否则数组的指针会指向错误 【1】例子：循环arr数组，将item为1的元素从数组中删除 let arr = [1, 1, 2] arr.forEach((item, index, arr) => { if (item...
vue中forEach与splice连用删除元素出现的bug
weixin_35757191的博客
02-13 582
在使用 Vue 中的 forEach 和 splice 连用删除元素时，可能会出现 bug。这是因为 forEach 是遍历数组的方法，而 splice 是对数组进行修改的方法，因此，当使用 splice 删除数组中的元素时，它会改变数组的长度，进而影响到 forEach 的遍历。因此，在使用 forEach 和 splice 连用删除元素时，需要注意以下几点： 不能在 forEach 内部直接...
splice在foreach中使用导致index乱序的问题
最新发布
lyz246859的博客
04-25 133
在forEach中使用splice方法去删除符合条件的项时，会发现有时会出问题，这是因为splice方法是会改变原数组的值的，因此，没循环触发一次splice方法，便利的原数组就会出现改变，那么相应的循环中index也会改变，那么后续的值自然就不正确了。
MyBatis Mapper常用动态SQL之foreach 、if、choose、where、when
SSY_1992的博客
04-20 4205
if>判断语句，用于单条件分支条件判断使用
【03】常用语句块：if、foreach
m0_51586788的博客
07-08 163
如果我们想遍历当前目录下的所有文件夹要怎么办？在终端中我们可以使用ls来列出当前路径下的所有内容，包括文件，包括文件夹，在 CMake 中我们要如何调用命令行呢？命令作为管道并发执行，每个进程的标准输出通过管道传输到下一个进程的标准输入。类型数据的运算符，CMake 也不例外。并且其运算符的种类也是相对比较丰富的，这里列举并举例几个常用的运算符。运算符结合顺序为：一元运算符 > 二元运算符 > 逻辑运算符。在数值判断的时候用到，平时不常用，这里不做介绍。变量的属性，那么可直接在。任何一门语言都有产生。
foreach控制循环if判断
colorsunlight的专栏
05-11 6562
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实战】数组方法使用的常见问题记录
记录
03-16 157
【JS实战】数组方法使用的常见问题记录。
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
C#使用foreach语句遍历二维数组的方法
12-26
本文实例讲述了C#使用foreach语句遍历二维数组的方法。分享给大家供大家参考。具体分析如下： 如果通过for语句循环遍历二维数组需要两重循环才可以，二foreach语句只需要一次可以完全遍历整个二维数组，下面是代码...
js循环删除数组元素，解决导致因为下标变化出现问题
linkunpeng_的博客
03-22 2051
js中遍历循环删除符合条件的元素，从后往前循环，因为从前往后循环删除了某个元素后下标会发生变化下标前移，影响后边的元素循环； 解决：改用从后往前循环，不会影响前边元素下标的改变 var index = selectRows.length; while(index--){ if (selectRows[index].fatherId == "property"){ selectRows.splice(index,1); } } ...
【MyBatis】# foreach标签嵌套使用 if标签时，对象取值问题
LRcoding
11-21 2937
foreach标签嵌套使用 if标签时，对象取值问题
js数组，用forEach修改数组的值
fantasy_ghost的博客
04-08 4468
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 --->是数组中的每个值
踩坑！关于v-for和splice连用导致index错乱无法删除当前项的解决方案
yanhua1575的博客
09-06 1721
当我们使用v-for循环dom/组件，它有两个属性，item：当前循环的每一个元素，index：当前循环元素所对应的下标。 平时绑定key值的时候，都习惯采用如下写法，直接绑定下标: key="index" v-for="(item,index) in list" 但是因为key值绑定的是index，删除元素会导致顺序错乱问题，并不会像期望的那样，点击哪一项就会删除哪一项 这里通俗的解释下： 下标在这是个临时身份，它的默认位置不会变化，如果你里面的item项移动了，那么移动的数据对应到index上，所以你的
数组乱序（打乱数组，至少两种方法）js
热门推荐
SpringRolls的博客
11-02 1万+
数组随机排序（shuffle） 方法1：时间复杂度 O(n^2) // 方法2：随机抽取法, 时间复杂度 O(n^2) function randomSortArray(arr) { let backArr = []; while (arr.length) { //Math.random()：返回 [0,1) 之间的一个随机数 let index = parseInt(Math.random() * arr.length); // 利用数组长度生成随机
vue中，js使用splice的坑，踩坑，踩坑，踩坑。
helei1314的博客
03-27 2092
前言 使用v-for循环时候，利用下标index作为唯一值，大坑啊 一、关于使用splice删除导致的问题 1.页面元素 2.打印元素 3.问题结论 arr.splice(index,1)，删除数组里面元素，原数组发生了变化，里面值发生了变化，导致数组里面最后一个对象，里面双向绑定的值，为空了 二、解决方案 就是将:key=“index” 改为循环对象的唯一值，比如:key=“id” 总结 谨以此文，记录我项目中实践过的坑，谢谢大家观看。 ...
javascript foreach遍历数组获取元素下标
05-20
可以使用 `forEach` 方法的第二个参数来获取元素下标。示例如下： ```javascript const arr = ['a', 'b', 'c']; arr.forEach(function(element, index) { console.log(index, element); }); ``` 输出结果为： ``` 0 "a" 1 "b" 2 "c" ``` 其中，第二个参数 `index` 就是元素的下标。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值