Array.slice 是 JavaScript 中的一個(gè)數(shù)組方法，用于提取數(shù)組的一部分并返回一個(gè)新的數(shù)組，這個(gè)方法不會(huì)修改原數(shù)組，而是返回一個(gè)包含原數(shù)組一部分元素的新數(shù)組，以下是對 Array.slice 的詳細(xì)用法介紹：

基本用法

Array.slice 接受兩個(gè)參數(shù)：

1、begin（可選）：從該索引開始提取元素，如果未指定，則默認(rèn)為0，即從數(shù)組的第一個(gè)元素開始提取。

2、end（可選）：在該索引之前結(jié)束提取元素，如果未指定，則默認(rèn)提取到數(shù)組的最后一個(gè)元素。

這兩個(gè)參數(shù)都可以是負(fù)數(shù)，表示從數(shù)組尾部開始計(jì)數(shù)。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(1, 4); // [2, 3, 4]

提取所有元素

如果要提取數(shù)組的所有元素，可以省略兩個(gè)參數(shù)或只提供 begin 參數(shù)。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr1 = arr.slice(); // [1, 2, 3, 4, 5]
const newArr2 = arr.slice(0); // [1, 2, 3, 4, 5]

提取部分元素

可以使用 begin 和 end 參數(shù)來提取數(shù)組的一部分元素。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr1 = arr.slice(1, 3); // [2, 3]
const newArr2 = arr.slice(-3, -1); // [3, 4]

使用負(fù)數(shù)索引

Array.slice 允許使用負(fù)數(shù)索引，負(fù)數(shù)索引表示從數(shù)組尾部開始計(jì)數(shù)。-1 表示最后一個(gè)元素，-2 表示倒數(shù)第二個(gè)元素，依此類推。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr1 = arr.slice(-3, -1); // [3, 4]
const newArr2 = arr.slice(-5, -2); // [3, 4, 5]

不改變原數(shù)組

Array.slice 不會(huì)改變原數(shù)組，而是返回一個(gè)新的數(shù)組。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(1, 3); // [2, 3]
console.log(arr); // [1, 2, 3, 4, 5]

相關(guān)問題與解答

Q1：Array.slice 會(huì)改變原數(shù)組嗎？

A1：不會(huì)，Array.slice 返回一個(gè)新的數(shù)組，原數(shù)組保持不變。

Q2：如何提取數(shù)組的前三個(gè)元素？

A2：可以使用 Array.slice 方法，傳入 begin 參數(shù)為0，end 參數(shù)為3。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(0, 3); // [1, 2, 3]

Q3：如何使用 Array.slice 提取數(shù)組的最后兩個(gè)元素？

A3：可以使用負(fù)數(shù)索引，begin 參數(shù)為-2，不需要 end 參數(shù)。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(-2); // [4, 5]

Q4：begin 參數(shù)大于 end 參數(shù)，會(huì)發(fā)生什么？

A4：begin 參數(shù)大于 end 參數(shù)，Array.slice 會(huì)返回一個(gè)空數(shù)組。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(4, 1); // []

分享文章：Array.slice的用法是什么
轉(zhuǎn)載來源：http://uogjgqi.cn/article/cdjesgs.html