Javascript中slice和splice的区别与应用|极客笔记

Javascript中slice和splice的区别与应用

在Javascript中，slice和splice是两个常用的数组方法。尽管它们的名字很相似，但是它们的功能却有很大的区别。本文将详细解释这两个方法的区别，并给出一些使用示例。

slice方法

slice方法用于从数组中提取一部分元素，然后返回这些元素组成的新数组，而不会改变原数组。slice方法接受两个参数，分别是起始位置和结束位置。起始位置是要提取的第一个元素的索引，结束位置是要提取的最后一个元素的索引（不包括该元素）。

语法

array.slice(start, end)

start：起始位置，可选参数，默认为0。如果为负数，表示从末尾开始计算元素的位置，-1表示倒数第一个元素。
end：结束位置，可选参数，默认为数组的长度。如果为负数，表示从末尾开始计算元素的位置，-1表示倒数第一个元素。

示例

let fruits = ['apple', 'banana', 'orange', 'kiwi', 'mango'];

let selectedFruits = fruits.slice(1, 3);
console.log(selectedFruits); // ['banana', 'orange']

let lastTwoFruits = fruits.slice(-2);
console.log(lastTwoFruits); // ['kiwi', 'mango']

let copyOfFruits = fruits.slice();
console.log(copyOfFruits); // ['apple', 'banana', 'orange', 'kiwi', 'mango']

在示例中，slice(1, 3)会返回索引1和索引2处的元素（不包括索引3处的元素）组成的新数组。slice(-2)会返回倒数第二个和倒数第一个元素组成的新数组。对于不传入参数的情况，slice()会返回整个数组的拷贝。

splice方法

splice方法可以用于向数组中插入或删除元素，同时可以返回被删除的元素。splice方法接受至少两个参数，第一个参数是起始位置，第二个参数是要删除的元素个数。除此之外，splice方法还可以接受任意数量的参数，用来插入到指定位置的元素。

语法

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

start：起始位置，必需参数。
deleteCount：要删除的元素个数，可选参数。如果为0，则不删除任何元素。
item1, item2, ...：要插入到数组中的元素，可选参数。

示例

let numbers = [1, 2, 3, 4, 5];

numbers.splice(2, 0, 6);
console.log(numbers); // [1, 2, 6, 3, 4, 5]

let removedNumbers = numbers.splice(1, 2);
console.log(removedNumbers); // [2, 6]
console.log(numbers); // [1, 3, 4, 5]

numbers.splice(3, 1, 7, 8);
console.log(numbers); // [1, 3, 4, 7, 8, 5]

在示例中，splice(2, 0, 6)会在索引2的位置插入元素6，splice(1, 2)会删除从索引1开始的两个元素，并返回被删除的元素组成的数组。splice(3, 1, 7, 8)会删除从索引3开始的一个元素，并插入元素7和8。