溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了JS中如何實現徹底刪除JSON對象組成的數組中的元素，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
在 JS 中，對于某個由 JSON 對象組成的數組，例如：
var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
如果我們想要刪除其中的第二個json對象，應該怎么做呢？其實方法和操作數組完全相同。
在最開始的時候嘗試使用了 delete 運算符，但在查詢數組長度的時候發現其實這種方法并不是徹底刪除元素，而是刪除它的值，但仍會保留空間。
var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
test.length //輸出為 3
delete test[1];
test.length //輸出仍為 3查詢運算符 delete 我們知道它只是將該值置為 undefined，而不會影響數組長度，即將其變為稀疏數組（《JS權威指南》7.5節）。
了解及此，也許想著可以將刪除點之后的元素各往前移動1個單位，實現徹底剔除該元素，但在JS方法中我們可以查到一種更加簡便的方式：splice() 方法
var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
test.length //輸出為 3
test.splice(1, 1);
test.length //輸出為 2刪除后 test.length 變為 2，這正是我們想要的結果。
數組中添加新元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js數組添加元素_億速云</title>
</head>
<body>
<p id="demo">點擊按鈕向數組添加元素。</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>splice定義和用法
splice() 方法用于添加或刪除數組中的元素。
注意：這種方法會改變原始數組。
返回值
如果僅刪除一個元素，則返回一個元素的數組。 如果未刪除任何元素，則返回空數組。
語法
array.splice(index,howmany,item1,.....,itemX)
參數 Values
| 參數 | 描述 |
|---|---|
| index | 必需。規定從何處添加/刪除元素。 該參數是開始插入和（或）刪除的數組元素的下標，必須是數字。 |
| howmany | 可選。規定應該刪除多少元素。必須是數字，但可以是 "0"。 如果未規定此參數，則刪除從 index 開始到原數組結尾的所有元素。 |
| item1, ..., itemX | 可選。要添加到數組的新元素 |
返回值
| Type | 描述 |
|---|---|
| Array | 如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組。 |
更多實例
實例
移除數組的第三個元素，并在數組第三個位置添加新元素:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>億速云</title>
</head>
<body>
<p id="demo">點擊按鈕添加和刪除元素。</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>實例
從第三個位置開始刪除數組后的兩個元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>億速云</title>
</head>
<body>
<p id="demo">點擊按鈕刪除數組中的兩個元素。</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>上述內容就是JS中如何實現徹底刪除JSON對象組成的數組中的元素，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
