在 JavaScript 中從陣列開頭移除元素


在本文中,我們將討論在 JavaScript 中從陣列開頭移除元素。

為此,我們將使用 _.rest() 方法。此方法返回陣列元素,除了第 0 個索引的元素。我們還可以使用 shift() 方法和 slice() 方法從陣列中移除第一個元素。讓我們進一步瞭解其實現。

使用 _.rest() 方法

以下示例演示瞭如何在 JavaScript 中從陣列中移除起始元素。

語法

_.rest() 方法的語法如下:

_.rest( array, index );

示例

在本例中,我們將討論 _.rest() 方法的使用。我們將使用 _.rest() 方法從陣列中移除第一個元素,以便它將排除陣列的第 0 個元素。

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
      <title>Remove 0th indexed element from an array</title>
      <div id="original"></div>
      <div id="rest"></div>
   </head>
   <body>
      <script>
         let arr = [10, "Alice", 20, "Edward", 30, 40];
         document.getElementById("original").innerHTML ="The array elements are : " + arr;
         document.getElementById("rest").innerHTML ="The array elements after using the _.rest() method : " + _.rest(arr);
      </script>
   </body>
</html>

使用 shift() 方法

示例

在本例中,我們將討論 shift() 方法的使用。我們將使用 shift() 方法跳過陣列中的第一個元素,以便它將排除陣列的第 0 個元素。

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
      <title>Remove 0th indexed element from an array</title>
      <div id="original"></div>
      <div id="shift"></div>
   </head>
   <body>
      <script>
         let arr = [10, "Alice", 20, "Edward", 30, 40];
         document.getElementById("original").innerHTML ="The array elements are : " + arr;
         arr.shift();
         document.getElementById("shift").innerHTML ="The array elements after using the shift() method : " + arr;
      </script>
   </body>
</html>

使用 shift() 方法

示例

另一個使用 shift() 方法從陣列開頭移除元素的示例:

let veggies = ["Onion", "Raddish"];
veggies.shift();
console.log(veggies);

使用 slice() 方法

示例

在本例中,我們將討論 slice() 方法的使用。在這種情況下,我們將使用 slice() 方法跳過陣列中的第一個元素,以便它將排除陣列的第 0 個元素。

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
      <title>Remove 0th indexed element from an array</title>
      <div id="original"></div>
      <div id="slice"></div>
   </head>
   <body>
      <script>
         let arr = [10, "Alice", 20, "Edward", 30, 40];
         document.getElementById("original").innerHTML =
         "The array elements are : " + arr;
         let sliceArr = arr.slice(1, arr.length);
         document.getElementById("slice").innerHTML =
         "The array elements after using the slice() method : " + sliceArr;
       </script>
  </body>
</html>

更新於: 2022-12-07

115 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.