在 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>
廣告
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP