在 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>
广告