如何使用 JavaScript 查詢給定陣列中除第一個元素之外的所有元素？

在本教程中，我們將使用 JavaScript 查詢給定陣列中除第一個元素之外的所有元素。在這裡，我們將建立一個數組，並使用 JavaScript 在 HTML 頁面上列印所有元素，除了第一個元素。

主要有兩種方法可以完成上述任務。這兩種方法如下所示：

方法 1：使用 slice() 方法

slice() 方法是 JavaScript 中的一種方法，用於從陣列中切出所需數量的元素。

語法

以下語法也可以使用一個引數值，在這種情況下，它將修剪給定索引之後陣列中的所有元素：

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1); //   Orange, Lemon, Apple, Mango

步驟

使用 slice() 方法產生所需結果的步驟。

步驟 1 - 建立一個填充了一些元素的陣列。

步驟 2 - 建立一個以陣列作為引數的函式。

步驟 3 - 在此步驟中，我們將建立一個變數來儲存來自 array.slice() 方法的結果。

步驟 4 - 從函式返回結果變數。

步驟 5 - 我們呼叫該函式以獲得結果。

示例

我們可以使用以下程式碼來使用 slice() 方法查詢給定陣列中除第一個元素之外的所有元素：

<!DOCTYPE html>
<html>
<head>
   <h2> Tutorials Point </h2>
</head>
<body>
   <script>
      const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
      const remove_first = (fruits) => {
         const result =	fruits.slice(1)
         return result 
      }
      let output = remove_first(fruits)
      document.write(output)
   </script>
</body>
</html>

方法 2. 使用 for 迴圈

在這種方法中，我們將透過陣列執行一個 for 迴圈，並列印陣列中除第一個元素之外的所有元素。我們在這裡使用索引號的邏輯，因為我們知道陣列的索引號從 0 開始，所以我們從索引 1 執行迴圈。

步驟

使用 for 迴圈產生所需結果的步驟：

步驟 1 - 建立一個在其中填充了一些元素的陣列。

步驟 2 - 建立一個以陣列作為引數的函式。

步驟 3 - 在此步驟中，我們將建立一個空陣列來儲存我們遍歷 for 迴圈的元素，並建立一個變數來儲存新陣列的長度。

步驟 4 - 建立一個 for 迴圈，該迴圈從索引號 i=1 遍歷原始陣列到陣列的長度。

步驟 5 - 將原始陣列的元素儲存到上面建立的新陣列中。

步驟 6 - 從函式返回結果陣列

步驟 7 - 我們呼叫該函式以獲得結果。

示例

我們可以使用以下程式碼來使用 slice() 方法查詢給定陣列中除第一個元素之外的所有元素：

<!DOCTYPE html>
<html>
<head>
   <h2> Tutorials Point </h2>
</head>
<body>
   <script>
      const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
      const remove_first = (fruits) => {
         const new_arr = []
         let a = 0
         for (let i = 1; i < fruits.length; i++) {
            new_arr[a] = fruits[i]
            a++
         }
         return new_arr
      }
      let output = remove_first(fruits)
      document.write(output)
   </script>
</body>
</html>

因此，從本文中，我們瞭解了兩種用於查詢給定陣列中除第一個元素之外的所有元素的方法。當我們想要從陣列中修剪元素時，可以使用這些給定的方法。當我們需要從陣列中刪除多個元素時，也可以使用這些方法，我們只需要更改 slice() 方法和 for 迴圈中的索引號即可。

更新於： 2022年10月18日

1K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告