javascript splice数组简单操作

JavaScript中的数组操作之——splice

在JavaScript中，数组是一个非常常用的数据类型，而对于数组的操作，是很多程序员必须要掌握的一种基本技能。在这里，我们就讲解一下JavaScript中常用的数组操作——splice。splice可以实现给数组删除和增加元素的操作，同时还可以返回被删除的元素。

语法及参数

splice的语法如下：

array.splice(start, deleteCount, item1, item2, ...)

• start：规定从什么位置开始添加/删除元素。必须是数字，如果是负数，则表示从数组的结尾开始计算的位置。
• deleteCount：规定应该删除多少个元素。必须是数字，但是可以省略。
• item1, item2, ...：要添加到数组的元素，从 start 来计算。如果不指定则不添加。

删除元素

splice最基本的功能就是删除数组元素。它可以在数组中删除一个或多个元素。

以下是一个删除数组元素的例子：

let arr = ["apple", "banana", "orange", "kiwi"];
arr.splice(1, 2);
console.log(arr); // ["apple", "kiwi"]

在这个例子中，我们在位置1开始删除两个元素，也就是“banana”和“orange”。接着，我们可以看到 arr 数组中的元素已经被修改了。

插入元素

splice还可以向数组中插入一个或多个元素。可以在任何位置添加元素。

以下是一个插入数组元素的例子：

let arr = ["apple", "banana", "orange", "kiwi"];
arr.splice(2, 0, "lemon", "watermelon");
console.log(arr); // ["apple", "banana", "lemon", "watermelon", "orange", "kiwi"]

在这个例子中，我们从位置2开始添加两个元素，也就是“lemon”和“watermelon”。接着，我们可以看到 arr 数组中的元素已经被修改了。

替换元素

splice还可以替换数组中的一个或多个元素。

以下是一个替换数组元素的例子：

let arr = ["apple", "banana", "orange", "kiwi"];
arr.splice(3, 1, "pear", "pineapple");
console.log(arr); // ["apple", "banana", "orange", "pear", "pineapple"]

在这个例子中，我们从位置3开始删除一个元素，并且添加两个元素，也就是“pear”和“pineapple”。接着，我们可以看到 arr 数组中的元素已经被修改了。

多个操作

splice可以进行多个操作。只需要在调用函数时添加多个参数即可。在这种情况下，splice首先删除 deleteCount个元素，然后在 start 位置添加 item1, item2, ... 参数中的所有元素

以下是一个多功能数组操作（删除、替换、插入）的例子：

let arr = ["apple", "banana", "orange", "kiwi"];
arr.splice(2, 2, "pear", "pineapple", "mango");
console.log(arr); // ["apple", "banana", "pear", "pineapple", "mango"]

在这个例子中，从位置2开始，删除两个元素（“orange”和“kiwi”），然后添加三个元素（“pear”，“pineapple”和“mango”）。最后，我们可以看到 arr 数组中的元素已经被修改了。

以上就是 splice 所有的用法。在实际的开发中，我们经常使用它来进行数组的操作。