详解 JavaScript 中 splice() 方法

Posted 2020-10-15

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();

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