详解 JavaScript 中 splice() 方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了详解 JavaScript 中 splice() 方法相关的知识,希望对你有一定的参考价值。

splice() 方法是一个比较少用的方法,但是功能确实很好,并且在我们 coding 的时候,经常有需要 splice() 方法,先介绍一下该方法。

javascript 中 splice() 方法,是一个很强的数组方法,它有多种用法。

splice() 方法主要用来向数组中添加新的值。

1、删除(需要2个参数,第一个参数为“起始位”,第二个参数表示删除多少个)

1 //创建数组
2 var array = [];
3 //添加值
4 array.push(1);
5 array.push(2);
6 array.push(3);
7 //删除,从第 0 个开始,删除一个元素。
8 array.splice(0,1);
9 console.log(array);//结果为: [2, 3]

2、插入/添加值(在向一个数组中添加或者插入值的时候,我们需要3个参数,第一个为“起始位”,第二个为“要删除元素个数”,第二个以后为:“要插入的项”)

1 //创建数组
2 var array = [];
3 //添加值
4 array.push(1);
5 array.push(2);
6 array.push(3);
7 //在向一个数组中添加或者插入值。
8 array.splice(1,1,"添加值1","添加值2","添加值3");
9 console.log(array);//结果为: [1, "添加值1", "添加值2", "添加值3", 3]

注意:从第一个开始,也就是原来数组中的“2”的位置,然后第二个参数表示删除一个,也就是要删除数字2”,然后"添加值1","添加值2","添加值3" 为要新插入的值。

如果我们不需要删除,那么第二个参数为“0”即可

3、替换(其实替换和第二个方式一样,其实就是插入几个就删除几个,就达到效果了)

1 //创建数组
2 var array = [];
3 //添加值
4 array.push(1);
5 array.push(2);
6 array.push(3);
7 //我们把2和3替换成5和6
8 array.splice(1,2,5,6);
9 console.log(array);//结果为: [1, 5, 6]

额外补充:在 JavaScript 中,创建数组的两种方式。

  • var array = [];
  • var array = new Array();

这二种方式创建的效果一样。

 

以上是关于详解 JavaScript 中 splice() 方法的主要内容,如果未能解决你的问题,请参考以下文章

详解JavaScript的splice()方法

javascript常用函数详解

Javascript学习之数组详解

Javascript基本数组方法详解

JavaScript中splice函数

javascript中splice()方法的用法