首页 >> js开发 >> JavaScript浅谈js数组splice删除某个元素爬坑
JavaScript浅谈js数组splice删除某个元素爬坑
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
先来看下几个概念:
// splice:返回从原始数组中删除的项(如果没有任何删除,则返回空数组)
// 当指定2个参数时,表示删除
// 当指定3个参数,且第2个参数为0时表示插入
// 当指定3个参数,且第2个参数为1时表示替换
// splice:返回从原始数组中删除的项(如果没有任何删除,则返回空数组)
// 当指定2个参数时,表示删除
// 当指定3个参数,且第2个参数为0时表示插入
// 当指定3个参数,且第2个参数为1时表示替换
本次就拿删除举例,本身我们想删除数组中的某个指定元素,我们需要知道它所在数组中的下标,我们可以用 数组.indexOf获取它所在的下标,然后拿splice删除这个元素。
本身是没问题
代码如下:
var arr = ["张三","李四","王五","赵六"];
// 删除王五
arr.splice(arr.indexOf("王五"),1);
var arr = ["张三","李四","王五","赵六"];
// 删除王五
arr.splice(arr.indexOf("王五"),1);
但是。。。。。问题就来了。
如果放到for循环中,比如循环数组,当某个条件成立的时候,我们需要删除某个指定的元素。
但是循环中,i每次都是+1的,但是我们删除某个元素后,下标就变了,相应的位置发生变化,i的值加一后,就会跳过下一个元素。
坑啊。。。所以,在删除某个元素的时候,我们手动把 i的值再减一,这样就会避免出现跳过某个元素的问题。
例如:循环数组,当 DasOperation
属性值等于 没变 的时候,从数组中删除这条数据,然后i-1
// 删除没有变化的,不传递到后台
for (let i = 0; i < this.CurrJobData.Content.length; i += 1) {
if (this.CurrJobData.Content[i].DasOperation === '没变') {
this.CurrJobData.Content.splice(this.CurrJobData.Content.indexOf(this.CurrJobData.Content[i]), 1);
i -= 1;// 必须对i减去1,否则后面的一个元素会被跳过去
}
}
// 删除没有变化的,不传递到后台
for (let i = 0; i < this.CurrJobData.Content.length; i += 1) {
if (this.CurrJobData.Content[i].DasOperation === '没变') {
this.CurrJobData.Content.splice(this.CurrJobData.Content.indexOf(this.CurrJobData.Content[i]), 1);
i -= 1;// 必须对i减去1,否则后面的一个元素会被跳过去
}
}
好了,为避免小伙伴遇坑,贴出来,希望有帮助。
// splice:返回从原始数组中删除的项(如果没有任何删除,则返回空数组)
// 当指定2个参数时,表示删除
// 当指定3个参数,且第2个参数为0时表示插入
// 当指定3个参数,且第2个参数为1时表示替换
// splice:返回从原始数组中删除的项(如果没有任何删除,则返回空数组)
// 当指定2个参数时,表示删除
// 当指定3个参数,且第2个参数为0时表示插入
// 当指定3个参数,且第2个参数为1时表示替换
本次就拿删除举例,本身我们想删除数组中的某个指定元素,我们需要知道它所在数组中的下标,我们可以用 数组.indexOf获取它所在的下标,然后拿splice删除这个元素。
本身是没问题
代码如下:
var arr = ["张三","李四","王五","赵六"];
// 删除王五
arr.splice(arr.indexOf("王五"),1);
var arr = ["张三","李四","王五","赵六"];
// 删除王五
arr.splice(arr.indexOf("王五"),1);
但是。。。。。问题就来了。
如果放到for循环中,比如循环数组,当某个条件成立的时候,我们需要删除某个指定的元素。
但是循环中,i每次都是+1的,但是我们删除某个元素后,下标就变了,相应的位置发生变化,i的值加一后,就会跳过下一个元素。
坑啊。。。所以,在删除某个元素的时候,我们手动把 i的值再减一,这样就会避免出现跳过某个元素的问题。
例如:循环数组,当 DasOperation
属性值等于 没变 的时候,从数组中删除这条数据,然后i-1
// 删除没有变化的,不传递到后台
for (let i = 0; i < this.CurrJobData.Content.length; i += 1) {
if (this.CurrJobData.Content[i].DasOperation === '没变') {
this.CurrJobData.Content.splice(this.CurrJobData.Content.indexOf(this.CurrJobData.Content[i]), 1);
i -= 1;// 必须对i减去1,否则后面的一个元素会被跳过去
}
}
// 删除没有变化的,不传递到后台
for (let i = 0; i < this.CurrJobData.Content.length; i += 1) {
if (this.CurrJobData.Content[i].DasOperation === '没变') {
this.CurrJobData.Content.splice(this.CurrJobData.Content.indexOf(this.CurrJobData.Content[i]), 1);
i -= 1;// 必须对i减去1,否则后面的一个元素会被跳过去
}
}
好了,为避免小伙伴遇坑,贴出来,希望有帮助。
相关文章:
- jsvue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)js大全
- JavaScriptFlexible.js可伸缩布局实现方法详解
- JavaScriptvue项目中js-cookie的使用存储token操作
- jsvue+Element-ui实现分页效果js大全
- jsangular8.5集成TinyMce5的使用和详细配置(推荐)js大全
- jsvue组件中传值EventBus的使用及注意事项说明js大全
- JavaScriptVue 3.0中jsx语法的使用
- js解决iView Table组件宽度只变大不变小的问题js大全
- js代码JavaScript ES 模块的使用
- jsvue 解决mintui弹窗弹起来,底部页面滚动bug问题js大全