JS splice()函数详解|极客笔记

JS splice()函数详解

JavaScript 中的 splice() 函数是一个强大且常用的数组方法，用于向数组中插入、删除或替换元素。本文将详细介绍 splice() 函数的用法、语法和示例代码，并说明其常见的应用场景。

一、`splice()` 函数的语法

splice() 函数的语法如下：

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

array：要操作的目标数组；
start：指定要开始插入、删除或替换的位置，必需；
deleteCount：指定要删除的元素个数，可选；
item1, item2, ...：要插入到数组中的元素，可选。

二、`splice()` 函数的功能

如果 deleteCount 大于 0，从 start 开始删除 deleteCount 个元素，并返回包含被删除元素的数组；
如果 deleteCount 等于 0，不删除任何元素，但可以在 start 的位置插入新元素；
如果后面的参数是要插入的元素，将这些元素插入到 start 的位置。

三、示例代码

1. 删除元素

下面的示例代码演示了如何使用 splice() 函数删除数组中的元素：

let fruits = ['apple', 'banana', 'cherry', 'date'];
let removed = fruits.splice(1, 2);

console.log(fruits);  // ["apple", "date"]
console.log(removed); // ["banana", "cherry"]

运行结果：

["apple", "date"]
["banana", "cherry"]

2. 插入元素

下面的示例代码演示了如何使用 splice() 函数插入元素到数组中：

let fruits = ['apple', 'banana', 'cherry'];
fruits.splice(1, 0, 'orange', 'lemon');

console.log(fruits); // ["apple", "orange", "lemon", "banana", "cherry"]

运行结果：

["apple", "orange", "lemon", "banana", "cherry"]

3. 替换元素

下面的示例代码演示了如何使用 splice() 函数替换数组中的元素：

let fruits = ['apple', 'banana', 'cherry', 'date'];
fruits.splice(2, 1, 'orange', 'lemon');

console.log(fruits); // ["apple", "banana", "orange", "lemon", "date"]

运行结果：

["apple", "banana", "orange", "lemon", "date"]

四、常见应用场景

1. 删除数组中指定位置的元素

可以使用 splice() 函数删除数组中指定位置的元素，例如：

let numbers = [1, 2, 3, 4, 5];
numbers.splice(2, 1);

console.log(numbers); // [1, 2, 4, 5]

2. 在数组中插入元素

可以使用 splice() 函数在数组中插入新元素，例如：

let colors = ['red', 'blue', 'green'];
colors.splice(1, 0, 'yellow');

console.log(colors); // ["red", "yellow", "blue", "green"]

3. 替换数组中的元素

可以使用 splice() 函数替换数组中的元素，例如：

let cars = ['Toyota', 'Honda', 'Ford', 'Chevrolet'];
cars.splice(2, 1, 'BMW', 'Mercedes');

console.log(cars); // ["Toyota", "Honda", "BMW", "Mercedes", "Chevrolet"]