循环下splice删除多个数组索引项

最新推荐文章于 2023-03-14 22:46:12 发布

枫叶之间

最新推荐文章于 2023-03-14 22:46:12 发布

阅读量1k

点赞数 1

文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_44852817/article/details/112008492

版权

当需要根据索引删除数组元素并避免索引错乱时，可以采用逆向循环的方式。文章描述了一个在Vue.js项目中遇到的问题，即在循环中使用`splice()`删除数组项导致索引变化，从而无法完整删除所有选定项。通过将数组排序并从大索引开始逆向遍历，成功解决了这个问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我的需求是数组选择删除掉相应数据，后台需要我返回字符串连接的数据，替换修改。
在这里插入图片描述

 <el-checkbox-group v-model="checkList" @change="handleCheckedCitiesChange">
 <el-checkbox :label="index" v-for

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

枫叶之间

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

splice循环删除数组

weixin_46382390的博客

03-06

731

let list = [0,1,1,1,0] for(let i in list){ if(list[i] == 1){ list.splice(i,1) } } 像上方连续splice删除1之后会出现原因：删除第一个1之后，第二个下标为2的1会跑到刚才删除的下标为1的位置，下次循环判断只会判断下标为2的1 解决方法： let list = [0,1,1,1,0] for(let i = 0 ; i < list.length ; i++){ if

数组在for循环中使用splice方法导致索引错乱的问题

MrHZJ的博客

03-29

6875

数组的方法基本简介在开发程序的过程中，我们经常使用数组和它的相关方法。就如追加元素push()方法在首部添加元素的unshift()方法还有删除最后一个元素的方法pop()方法....有很多，我就不一一列举了，其实我觉得不用记的，有一个印象就行，用法这些有印象开发的时候记不住就翻技术手册或者找度娘，我们要始终遵循一条宗旨：开发要把精力全部放在创造上，这些鸡皮蒜事有时候记得很容易混淆，也很杂我这里要...

参与评论您还未登录，请先登录后发表或查看评论

一个数组for循环splice删除他被选中的元素出现索引bug

LiangRZ

06-30

438

因为splice删除元素会导致数组变化，所以导致数组全部或者大部分（大于十个元素）出现bug；倒着来很完美！！ const copyArr = _.cloneDeep(this.list) if (this.checkedArr.length > 0) { for (let i = this.list.length - 1; i > -1; i--) { this.checkedArr.find(val => { .

【批量删除】Vue3.2 后台管理系统实现批量删除的功能

qq_44971635的博客

03-14

1989

vue3.2 后台管理系统实现批量删除功能

js 根据指定的多个索引，删除相应的数组元素。splice + sort

weixin_30500663的博客

04-22

619

更新于2018-04-19 var productItems = ["a", "b", "c", "d"]; var indexs = [1, 2, 3,]; productItems.sort(function(a, b) { return b - a}); indexs.forEach(function(index) { productItems.splice(inde...

JS数组splice操作实例分析

10-16

值得注意的是，由于数组长度和索引会相应改变，实际上在遍历过程中，删除元素可能会导致后续元素前移，因此如果要删除多个特定元素，需要从后向前遍历，避免漏删或出现数组索引错误。继续使用`console.log`打印...

php 删除一维数组中某一个值元素的操作方法

12-20

`array_diff`比较两个或多个数组并返回只存在于第一个数组中的元素。 ```php $arr = array_merge(array_diff($arr, array($tmp))); var_dump($arr); ``` 4. **最佳实践：`array_diff`与`array_merge`结合**： ...

js删除数组中某几项的方法总结

10-17

本文将介绍如何使用不同的方法来删除数组中的一个或多个元素，这些方法包括使用splice方法、delete运算符，以及通过自定义方法来实现。首先，splice方法是JavaScript数组最强大的方法之一。splice可以用来添加、...

javascript删除数组元素的七个方法示例

10-16

delete可以用于删除数组中的元素，但它不会减少数组的长度，而是把对应索引的元素设置成undefined。这意味着如果使用delete来“删除”数组元素，数组中会留下未定义的空洞。第三个方法是pop()方法。pop()是一个栈...

微信小程序: 数组删除操作splice()的坑

Bat_Reality的博客

03-07

8566

Page({ data: { godness: [{ name: "杨超越" }, { name: "张天爱" }, { name: "徐璐" }, { name: "孙珍妮" }] }, onLoad: function (options) { }, deleteBtn: func...

js循环删除数组元素

Haveyounow的博客

10-26

344

逆向循环就可以避免因索引导致删除不干净的问题。

js中使用splice在一次循环删除数组中的多个元素

热门推荐

weixin_38098192的博客

01-09

1万+

splice():该方法会改变原始数组。 var arr=[1,2,3]; for(var i=0;i<arr.length;i++){ console.log(i+'='+arr[i]); if(arr[i]==2){ arr.splice(i,1); } } //0=1,1=2, 由结果可以看出，这个循环只循环了两次，没有判断当arr[i]=...

JS中splice()方法在for循环中踩坑记录

前端菜鸟

03-06

1481

slice()方法，删除数组中某一项的时候，直接改变的就是原数组，这个值被删掉以后，删除的值后面的值就会向前移动一位，后一位值的索引就变成删掉值的索引，而对于for循环来说，这个索引已经循环过了，而后一位值也会被跳过循环。

JavaScript 使用indexOf()结合splice()删除数组元素注意事项

halele131的博客

11-18

1344

注意：数组使用indexOf()方法查找元素时，如果没找到则返回-1；数组使用splice(index,1)删除一个元素时，如果index值为空，则会删除第一个元素；如果index值为-1时，则会删除最后一个元素。示例数组 var currentUserIdList = [“11”,“12”,“13”,“14”]; 方案一 // var index = ''; // for (var i in currentUserIdList){ //

splice删除选中列表_Js删除数组中某一项或几项的几种方法(推荐)

weixin_35801512的博客

01-17

1453

1、js中的splice方法splice(index,len,[item]) 注释：该方法会改变原始数组。splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值index:数组开始下标len: 替换/删除的长度 item:替换的值，删除操作的话 item为空如：arr = ['a','b','c','d']删除 ---- item不设置arr...

【数组】splice -- 删除部分元素

fhqmqj9999的博客

10-13

205

数组删除元素

在forEach循环里头使用splice()遇到的坑

越努力，越幸运！

06-18

7012

请记住：在使用map、forEach等链式调用的方式去遍历数组集合时,不要在循环体中移除数组集合的成员,简单来说就是不要减少数组的长度,否则数组的指针会指向错误【1】例子：循环arr数组，将item为1的元素从数组中删除 let arr = [1, 1, 2] arr.forEach((item, index, arr) => { if (item...

splice()删除数组元素

ziyanCarol的博客

03-13

4326

splice删除数组元素时，正常情况下都是写做arr.splice(index,1)，意思是删除数组中下标为index的那个元素，但是我刚刚写代码的时候脑抽，结果发现了一件有意思的事情。我把代码写成了arr.splice(arr[index],1)，然后我发现这么写的结果是splice会删除下标为index的元素之前的所有元素，包括index本身元素目前还没有弄懂原理理解之后更新 ...

vue实现自定义文件上传组件

qq_43548154的博客

05-06

1723

思路：实现input标签的change事件,我们在其中获取用户选中的文件（可以多个），将用户的文件信息赋值给我们事先在vue对象定义的data的files(数组)属性，用插值表达式把data的files属性显示到页面。 html部分(写在template里面，注意只能有一个根节点) <div class="fileContainer" > //选择文件的框 &l...

JavaScript数组操作与循环技巧解析

- `concat()`：连接两个或多个数组，并返回新数组。 - `indexOf()`和`lastIndexOf()`：查找指定元素的索引。 - `forEach()`、`map()`、`filter()`、`reduce()`等：提供函数式编程风格的数组处理。循环结构：除了...