JS数组方法slice()用法实例分析

简介

slice() 方法返回一个新的数组对象，这个对象是由 begin 和 end 决定的原数组的浅拷贝。原数组不会被修改。常用于数组的复制或提取。

语法

array.slice(begin, end)

参数描述:

• begin：一个零开始的索引，提取起始处的元素。
• end（可选）：一个零开始的索引，提取终止处的元素。 slice 会提取该索引对应的元素，但是不包括这个元素本身。如果该参数被省略，那么到数组结束位置终止提取。

返回值

返回一个由原数组的指定部分拷贝而来的新数组。

示例

示例一：提取数组一部分

var fruits = ['apple', 'banana', 'orange', 'lemon', 'kiwi'];
var citrus = fruits.slice(2, 4);

console.log(fruits); // ['apple', 'banana', 'orange', 'lemon', 'kiwi']
console.log(citrus); // ['orange', 'lemon']

在上面的示例中，我们定义了数组 fruits , 然后通过 slice() 方法提取了数组的索引2和3之间的部分。注意，索引2处的元素 'orange' 会被包含在结果数组中，但索引4的元素 'kiwi' 不会被包含。

示例二：复制一个数组

var originalArray = ['apple', 'banana', 'orange', 'lemon', 'kiwi'];
var copiedArray = originalArray.slice();

console.log(originalArray); // ['apple', 'banana', 'orange', 'lemon', 'kiwi']
console.log(copiedArray); // ['apple', 'banana', 'orange', 'lemon', 'kiwi']

在这个示例中，我们使用了不带参数的 slice() 方法来创建了一个数组 copiedArray，该数组与 originalArray 包含了相同的元素。注意，由于我们没有提供参数，因此 slice() 方法复制了整个原数组。

总结

slice() 方法是 JavaScript 数组常用的一个方法，它允许创建由原数组的一部分浅拷贝而来的新数组，或者复制整个数组。在进行数组操作时，使用 slice() 方法可以避免修改原数组，从而保留原数组不变。