JS中的splice和slice|极客笔记

JS中的splice和slice

在JavaScript中，splice和slice是两种常用的数组方法，它们都用于处理数组的操作，但是它们的功能却有很大的不同。本文将详细介绍splice和slice的使用和区别。

splice方法

splice方法可以用于向数组中添加新元素，删除元素或替换元素。其语法如下：

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

start：表示从哪个位置开始修改数组，如果是负值，则从末尾开始计算位置。
deleteCount：表示需要删除的元素个数，如果为0，则不删除任何元素。
item1, item2, ...：可选参数，表示需要添加到数组的元素。

下面是一个示例代码，演示了splice方法的基本用法：

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

let removed = fruits.splice(2, 2);
console.log(removed); // ["orange", "cherry"]
console.log(fruits); // ["apple", "kiwi"]

在上面的代码中，首先用splice方法将”banana”替换为”kiwi”和”orange”，然后用splice方法删除了数组中的最后两个元素。

slice方法

slice方法用于提取数组的一部分，不会改变原数组，而是返回一个新的数组。其语法如下：

array.slice(start, end)

start：表示从哪个位置开始提取元素，如果是负值，则从末尾开始计算位置。
end：表示提取到哪个位置的前一个位置，不包括该位置的元素。

下面是一个示例代码，演示了slice方法的基本用法：

let fruits = ["apple", "banana", "cherry", "kiwi", "orange"];
let citrus = fruits.slice(3);
console.log(citrus); // ["kiwi", "orange"]

let subFruits = fruits.slice(1, 4);
console.log(subFruits); // ["banana", "cherry", "kiwi"]
console.log(fruits); // ["apple", "banana", "cherry", "kiwi", "orange"]

在上面的代码中，首先用slice方法提取了从第3个位置开始的所有元素，然后用slice方法提取了从第1个位置到第4个位置的元素，注意这里不包括第4个位置的元素。