品易云推流 关闭
文章详情页
文章 > JavaScript > js中splice()方法的用法

js中splice()方法的用法

js splice函数

头像

宋雪维

2021-01-11 15:05:3011546浏览 · 0收藏 · 0评论

一般情况下,JavaScript中一个函数方法对应解决一个问题。但是在数组操作中,splice()方法承担着三种问题情况的处理方法,及删除、插入 与 替换。本文将详细向大家介绍JavaScript数组中splice()方法的删除、插入 与 替换用法。

js中splice()方法

有多种用法,对于数组的项,splice() 方法可以:删除、插入 与 替换。

1、删除:用于删除元素。

两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 

var spliceArr3 = ["aaa","bbb","ccc","111","22","333"];
var spliceArr4 = spliceArr3.splice(2,2);

输出

spliceArr3: [aaa,bbb,22,333]; spliceArr4: [ccc,111]

2、插入:向数组指定位置插入任意项元素。

三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项) 

 var arr = ['a','b','c','d'];
 arr.splice(2,1,'w','z');//从下标为2的地方截取1个元素,并添加两个元素
 console.log(arr)//a,b,w,z,d

3、替换:向数组指定位置插入任意项元素,同时删除任意数量的项。

三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项) 

list.splice(0,1,4); // 替换 -> 从下标为0开始,项数为1的数组元素替换成4
        console.log(list);  // [4,2,3]
        list.splice(0,2,4); // 替换 -> 从下标为0开始,项数为2的数组元素替换成4(即4,2整体替换成4)
        console.log(list);  // [4,3]

返回值:

始终都会返回一个包含从原始数组中删除的项的新数组,改变原数组。

以上就是JavaScript数组中splice()方法的删除、插入 与 替换用法详细介绍,希望能帮助你理解splice()方法,更多js学习教程:js教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图