原文:https://blog.csdn.net/qq_43363884/article/details/102910256

解决:vue 请指定for循环中key值的唯一性,不要取index

js本身的原因:
先来看下几个概念:

// splice:返回从原始数组中删除的项(如果没有任何删除,则返回空数组)
	    // 当指定2个参数时,表示删除
	    // 当指定3个参数,且第2个参数为0时表示插入
	    // 当指定3个参数,且第2个参数为1时表示替换

本次就拿删除举例,本身我们想删除数组中的某个指定元素,我们需要知道它所在数组中的下标,我们可以用 数组.indexOf获取它所在的下标,然后拿splice删除这个元素。
代码如下:

var arr = ["0","1","2","3"];
// 删除1
arr.splice(arr.indexOf("1"),1);

如果放到for循环中,比如循环数组,当某个条件成立的时候,我们需要删除某个指定的元素。

但是循环中,i每次都是+1的,但是我们删除某个元素后,下标就变了,相应的位置发生变化,i的值加一后,就会跳过下一个元素。

所以,在删除某个元素的时候,我们手动把 i的值再减一,这样就会避免出现跳过某个元素的问题。

Logo

前往低代码交流专区

更多推荐