在 JavaScript 中从数组的指定位置移除元素
在本文中,我们将讨论如何从 JavaScript 数组的指定位置移除元素。
本文将使用 `delete` 运算符、`slice()` 方法和 `splice()` 方法来从数组的指定位置移除元素。
`delete` 运算符的语法如下。
let del = delete arr[index];
`slice()` 方法的语法如下。
arr.slice(start, end)
`splice()` 方法的语法如下。
arr.splice(position, no_of_elem)
使用 `delete` 运算符
示例
在这个例子中,我们将讨论 `delete` 运算符的使用。我们将使用 `delete` 运算符从数组的指定位置移除元素,从而排除数组中指定索引的元素。
<!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" /> <title>Remove an element using delete operator</title> <div id="remove"></div> </head> <body> <script> let arr = [10, "Alice", 20, "Edward", 30, 40]; var remove = delete arr[3]; document.getElementById("remove").innerHTML = "The array elements after using the delete operator is : " + arr; </script> </body> </html>
使用 `slice()` 方法
示例
在这个例子中,我们将讨论 `slice()` 方法的使用。我们将使用 `slice()` 方法从数组的指定位置移除元素,从而排除数组中指定索引的元素。
<!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 an element using slice() method</title> <div id="original"></div> <div id="slice"></div> </head> <body> <script> let arr = [10, "Alice", 20, "Edward", 30, 40]; let remove_elem_index = 4; document.getElementById("original").innerHTML ="The array elements are : " + arr; let sliceArr = [ ...arr.slice(0, remove_elem_index), ...arr.slice(remove_elem_index + 1), ]; document.getElementById("slice").innerHTML ="The array elements after using the slice() method : " + sliceArr; </script> </body> </html>
使用 `splice()` 方法
示例
在这个例子中,我们将讨论 `splice()` 方法的使用。我们将使用 `splice()` 方法从数组的指定位置移除元素,从而排除数组中指定索引的元素。
<!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" /> <title>Remove an element from an array using splice() method</title> <div id="original"></div> <div id="splice"></div> </head> <body> <script> let arr = [10, "Alice", 20, "Edward", 30, 40]; document.getElementById("original").innerHTML ="The array elements are : " + arr; let del = arr.splice(4, 1); document.getElementById("splice").innerHTML ="The array elements after using the splice() method : " + arr; </script> </body> </html>
使用 `splice()` 方法
示例
JavaScript 提供了 `splice` 方法来从给定索引处移除元素。使用方法如下:
let veggies = ["Onion", "Raddish", "Broccoli"]; veggies.splice(0, 1); // Removes 1 element from index 0 console.log(veggies);
输出
这将输出:
["Raddish", "Broccoli"]
广告