Vue进阶(五十九):splice删除、替换、增加指定元素

qiyuwang 2024-11-04 15:14 9 浏览 0 评论

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

ES6从数组中删除指定元素。

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

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

1. js中的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’

拓展阅读 HTML DOM console.info() 方法

在控制台上输出信息：

console.info("Hello Runoob!");

定义和用法

console.info() 方法用于在控制台输出信息。

该方法对于开发过程进行测试很有帮助。

提示: 在测试该方法过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。

语法

console.info(message)

浏览器支持

表格中的数字表示支持该方法的第一个浏览器版本号。

实例

使用对象作为输出的信息：

var myObj = { name : “菜鸟教程”, site : “www.runoob.com” };
console.info(myObj);

实例

使用数组作为输出的信息：

var myArr = [“Google”, “Taobao”, “Runoob”, “Facebook” ];
console.info(myArr);

vue 卸载

上一篇：vue短文:如何从数据对象中删除属性?
下一篇：Nginx + Uwsgi + Django部署详细流程

Vue进阶(五十九):splice删除、替换、增加指定元素

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

拓展阅读 HTML DOM console.info() 方法

相关推荐

取消回复欢迎你发表评论:

UG软件许可证错误，如何解决的实力干货!

Mac软件打开时闪退怎么办?苹果电脑软件崩溃解决办法

如何在 Mac 上设置和使用快捷方式?

Switch内存卡迁移数据，看这一篇就够了

不锈钢为什么也会带磁性?磁铁吸附不锈钢验真伪，是错的

教程-如何将两步路轨迹导入至Garmin(佳明)?

foobar2000音乐播放软件，源码输出信号给家庭功放机解码直通教程

新手入门技能:如何将微信文件保存到 iPhone 里?

UG常见错误解决大全 ug12.0-8错误

佳明手表无法导入轨迹文件的解决办法

Vue进阶(五十九):splice删除、替换、增加指定元素

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

拓展阅读 HTML DOM console.info() 方法

相关推荐

取消回复欢迎 你 发表评论:

UG软件许可证错误，如何解决的实力干货!

Mac软件打开时闪退怎么办?苹果电脑软件崩溃解决办法

如何在 Mac 上设置和使用快捷方式?

Switch内存卡迁移数据，看这一篇就够了

不锈钢为什么也会带磁性?磁铁吸附不锈钢验真伪，是错的

教程-如何将两步路轨迹导入至Garmin(佳明)?

foobar2000音乐播放软件，源码输出信号给家庭功放机解码直通教程

新手入门技能:如何将微信文件保存到 iPhone 里?

UG常见错误解决大全 ug12.0-8错误

佳明手表无法导入轨迹文件的解决办法

取消回复欢迎你发表评论: