JavaScript - Array slice（）方法

在 JavaScript 中，Array.slice（） 方法用于从数组中选择一部分元素，并返回包含这些选定元素的新数组。它接受两个参数：“start” 索引和 “end” 索引。它从给定的 “start” 开始，一直到给定的 “end” 进行选择。如果我们不提供结束索引，该方法将提取到数组的末尾。

此方法不会修改现有数组;它返回一个包含所选元素的浅表副本的新数组。

语法

以下是 JavaScript Array.slice（） 方法的语法 -


 array.slice(start, end);

参数

此方法接受两个参数。下面描述相同 -

start - 这是数组中我们要从中选择元素的起始位置。默认情况下，此值为 0。
end - 这是数组中我们想要停止选择元素的位置。默认值是最后一个元素。

返回值

此方法返回一个包含提取元素的新数组。它不会修改原始数组。

示例 1

在下面的示例中，我们将 “2” 作为开始索引传递给 JavaScript Array.slice（） 方法。


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];
	 	 	 let result = animals.slice(2);
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

执行上述程序后，slice（）方法选择并返回从索引位置 2 到数组末尾的所有元素。

输出

Tiger,Elephant,Dinosaur

示例 2

在这里，我们从索引 2 的元素中选择并返回元素，直到索引 4 的元素 -


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];
	 	 	 let result = animals.slice(2, 4);
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

输出

Tiger,Elephant

示例 3

在这里，我们将一个负值 “-2” 作为参数传递给 slice（）方法的起始索引。因此，该方法开始从数组的末尾选择元素。


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];
	 	 	 let result = animals.slice(-2);
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

输出

Elephant,Dinosaur

示例 4

在此示例中，我们将 “-4” 作为起始位置传递，将 “−1” 作为结束位置传递。因此，它选择并返回数组中从倒数第四个到倒数第二个的元素。


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];
	 	 	 let result = animals.slice(-4, -1);
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

输出

Cheetah,Tiger,Elephant

示例 5

如果未传递任何参数，则 slice（）方法返回结果数组包含与原始 animals 数组相同的元素。


<html>
<body>
	 	<p id="demo"></p>
	 	<script>
	 	 	 const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];
	 	 	 let result = animals.slice();
	 	 	 document.getElementById("demo").innerHTML = result;
	 	</script>
</body>
</html>

输出

正如我们所看到的，结果数组包含与 animals 数组相同的元素。

Lion,Cheetah,Tiger,Elephant,Dinosaur

打印本页