Vue 进阶（五十九）：ES 数组操作：splice() 实现数组删除、替换、增加指定元素

关注

发布于: 5 小时前

一、前言

注：该方法会改变原始数组。

ES6从数组中删除指定元素

findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

arr.splice(arr.findIndex(item => item.id === data.id), 1)

复制代码

splice(index,len,[item])

复制代码

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

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

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

复制代码

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

复制代码

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

复制代码

发布于: 5 小时前阅读数: 2

关注

No Silver Bullet 2021.07.09 加入

岂曰无衣与子同袍

发布

暂无评论