資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
服裝研究
法律研究在 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"]
更新於：2022年12月7日
224 次瀏覽
廣告