您的位置:首页> 前端教程> JS教程
文章导航

JavaScript splice()

2018-8-29 01:49| 作者: admin| 查看: 5383| 评论: 0|来自: 蚂蚁部落

理解方法的功能与掌握其用法,名称是比较好的切入点。

splice翻译成汉语具有"剪接"意思,恰如其名,此方法对数组具有"剪接"功能。

具体的剪接操作,后面会通过代码实例详细进行介绍,

更多关于数组内容可以参阅JavaScript Array 数组一章节。

语法结构:

[JavaScript] 纯文本查看 复制代码
arr.splice(start,num,element1,.....,elementN)

参数解析:

(1).start:必需,规定从何处删除或者替换数组元素。

(2).num:可选,规定要删除数组元素的数量。

(3).elementN:可选,规定从start位置要插入的新元素。

特别说明:

(1).此数组直接操作原来数组。

(2).返回值是被删除数组元素组成的新数组。

看了上面的理论阐述,相信很多阅读者还无法理解此方法的具体作用,当年笔者也是如此。

再回到文章的开头,splice既然是具有"剪接"的意思,那么可以将其操作理解为剪和接两部分。

如果只剪,而没有接上内容,那么就是删除数组元素;如果剪去的同时,又接上内容,可以认为是替换数组元素。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
let arr=["蚂蚁部落",6,"青岛市南区","奋斗"];
console.log(arr.splice(1,2));
console.log(arr);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/015100af9ree9qbbbssb11.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

方法有两个参数,也就是说仅规定了"剪",而没有"接"上任何内容。

那么从效果上来看就是从指定位置删除指定长度的数组元素。

方法的返回值是由被删除元素构成的新数组。

[JavaScript] 纯文本查看 复制代码运行代码
let arr=["蚂蚁部落",6,"青岛市南区","奋斗"];
console.log(arr.splice(1));
console.log(arr);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/015139uerm25v32xrkr9l2.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

如果省略第二个参数,那么就是"剪"掉从start位置开始以后的所有元素。

[JavaScript] 纯文本查看 复制代码运行代码
let arr=["蚂蚁部落",6,"青岛市南区","奋斗"];
console.log(arr.splice(1,2,"js教程","CSS教程","前端教程"));
console.log(arr);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/015214fi0v66n1shg0eno5.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面的代码不但进行"剪"了,也是用指定的元素进行"接"。

2

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (2 人)

最新评论

返回顶部