一、添加/删除元素
splice()方法是JavaScript中数组操作方法之一。它能够添加/删除指定位置的元素，也可以同时添加和删除。比如，我们有一个数组var arr=[1,2,3,4,5]，如果想要在第二个位置插入一个新的元素6，可以使用以下代码。
arr.splice(1,0,6);
第一个参数是要插入/删除的元素在数组中的位置，第二个参数是要删除的元素个数，第三个参数是要插入的元素。上述代码相当于在arr[1]的位置上插入元素6。此时的arr数组为[1, 6, 2, 3, 4, 5]。如果我们要删除元素5和4，相应的代码是：
arr.splice(4,2);
此时的arr数组为[1, 6, 2, 3]。注意，第一个参数设定的是删除元素的起始位置，第二个参数设定的是要删除的元素个数。如果不指定第三个参数，则只进行删除操作。如果要同时删除并添加元素，可以在第三个参数后面加上新元素。例如，如果要删除arr[1]和arr[2]，并向该位置插入元素6、7，代码如下：
arr.splice(1,2,6,7);
此时的arr数组为[1, 6, 7, 3]。splice()方法对数组进行了原地修改，返回值为被删除的元素（如果有），如果未删除元素，则返回空数组。
二、填充数组
还可以使用splice()方法来填充数组。例如，我们有一个长度为3的数组arr=[1,2,3]，如果想要将其填充为[1,2,3,4,5]，可以使用以下代码：
arr.splice(3,0,4,5);
其中，第一个参数指定的是要插入元素的起始位置（注意与上述删除元素中的区别）。由于原数组长度为3，所以需要从第四个位置（即arr[3]）开始插入元素。第二个参数设定为0，表示不删除元素，只插入。第三个和第四个参数分别为要插入的元素。
三、倒序删除数组元素
如果要对数组进行倒序删除，也可以使用splice()方法。比如，有一个数组arr=[‘a’,’b’,’c’,’d’,’e’,’f’]，如果想要从后往前删除三个元素，可以使用以下代码：
arr.splice(-3,3);
其中，第一个参数为负数的时候，表示倒数第几个元素（-1表示最后一个，-2表示倒数第二个，依次类推）。我们将-3传递给splice()方法，它从倒数第三个元素开始删除。第二个参数表示要删除的元素个数，此处为3。删除后的arr数组为[‘a’, ‘b’, ‘c’]。
四、多维数组的操作
对于多维数组，splice()方法也同样适用。如果我们有一个二维数组arr=[[‘a’,’b’],[‘c’,’d’],[‘e’,’f’]]，想要在第二个元素中插入一个新元素’xy’，可以使用以下代码：
arr[1].splice(1,0,'xy');
第一个参数表示一维数组中要插入/删除元素的位置，第二个参数表示要删除元素的个数，第三个参数表示要插入的新元素。在上述代码中，arr[1]代表第二个元素，即[‘c’,’d’]，因此可以在其中的任意位置插入新元素。比如，在第一个元素’c’后面插入一个’xy’，可以使用如下代码：
arr[1].splice(1,0,'xy');
此时的数组为[[‘a’,’b’],[‘c’,’xy’,’d’],[‘e’,’f’]]。
五、常见问题
1、splice()方法是否会改变原数组？
是的，splice()方法对原数组进行了原地修改。
2、splice()方法的返回值是什么？
splice()方法的返回值是被删除的元素（如果有），如果未删除元素，则返回空数组。
3、可以不传递第二个参数吗？
可以，如果不传递第二个参数，则splice()方法只进行添加操作，不进行删除。也就是说，它会在指定位置添加指定元素，但不会删除任何元素。
六、总结
splice()方法是JavaScript中的一个常用数组方法，它可以添加/删除指定位置的元素、同时添加和删除元素、填充数组等操作。在多维数组中，也可以使用splice()方法。使用时，需要注意第一个参数表示的是要插入/删除元素的位置，第二个参数为要删除的元素个数，第三个参数为要添加的元素。如果只进行添加操作，则可以不传递第二个参数。splice()方法对原数组进行了原地修改，返回被删除的元素（如果有）。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/242380.html
微信扫一扫 
支付宝扫一扫 