vue.js删除数组中指定索引的元素

JavaScript034

vue.js删除数组中指定索引的元素,第1张

var arr = ['a','b','c','d','e','f','g','h','i']

for(let i=0i<arr.lengthi++){

// arr.splice(i,1)//(循环删除所有元素)i是索引,1是长度,null的意思是该元素替换为null

if(i==2){

arr.splice(i,1)//删除第2个元素

arr.splice(i+2,1,null)//把第4个位置的元素替换为null

arr.splice(i+3,2,['w','z'])//把第5和第6位置的元素替换为w和z

}

}

删除对象:

let list = that.navList[1].orderList

let index = list.findIndex(val =>val.time === item.time)

index !== -1 &&list.splice(index, 1)

1、splice

splice(index,len,[item])注释:该方法会改变原始数组。

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

index:数组开始下标len: 替换/删除的长度 item:替换的值,删除操作的话 item为空

如:arr = ['a','b','c','d']

删除 ---- item不设置

arr.splice(1,1) //['a','c','d'] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变

arr.splice(1,2) //['a','d'] 删除起始下标为1,长度为2的一个值,len设置的2

替换 ---- item为替换的值

arr.splice(1,1,'ttt')//['a','ttt','c','d'] 替换起始下标为1,长度为1的一个值为‘ttt',len设置的1

arr.splice(1,2,'ttt')//['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt',len设置的1

添加 ---- len设置为0,item为添加的值

arr.splice(1,0,'ttt')//['a','ttt','b','c','d'] 表示在下标为1处添加一项‘ttt'

看来还是splice最方便啦

2、delete

delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变

如:delete arr[1] //['a', ,'c','d'] 中间出现两个逗号,数组长度不变,有一项为undefined