JavaScript - Array slice() 方法

在 JavaScript 中，Array.slice() 方法用於從陣列中選擇一部分元素，並返回包含這些選定元素的新陣列。它接受兩個引數：“start” 索引和“end” 索引。它從給定的 “start” 開始選擇，直到給定的 “end”。如果我們不提供 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>

輸出

正如我們所看到的輸出，result 陣列包含與 animals 陣列相同的元素。

Lion,Cheetah,Tiger,Elephant,Dinosaur

列印頁面