主頁(yè) > 知識(shí)庫(kù) > JS中徹底刪除JSON對(duì)象組成的數(shù)組中的元素

JS中徹底刪除JSON對(duì)象組成的數(shù)組中的元素

熱門(mén)標(biāo)簽:電銷(xiāo)機(jī)器人便宜的有嗎 400電話鄭州申請(qǐng) 中原區(qū)電話機(jī)器人價(jià)格 招標(biāo)自動(dòng)語(yǔ)音外呼系統(tǒng) OMG地圖標(biāo)注app gps 地圖標(biāo)注軟件 ai電話機(jī)器人加盟代理 地圖標(biāo)注視頻廣告入駐 黔江400電話如何辦理

在 JS 中,對(duì)于某個(gè)由 JSON 對(duì)象組成的數(shù)組,例如:

var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];

如果我們想要?jiǎng)h除其中的第二個(gè)json對(duì)象,應(yīng)該怎么做呢?其實(shí)方法和操作數(shù)組完全相同。

在最開(kāi)始的時(shí)候嘗試使用了 delete 運(yùn)算符,但在查詢(xún)數(shù)組長(zhǎng)度的時(shí)候發(fā)現(xiàn)其實(shí)這種方法并不是徹底刪除元素,而是刪除它的值,但仍會(huì)保留空間。

var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
test.length  //輸出為 3
delete test[1];
test.length  //輸出仍為 3

查詢(xún)運(yùn)算符 delete 我們知道它只是將該值置為 undefined,而不會(huì)影響數(shù)組長(zhǎng)度,即將其變?yōu)橄∈钄?shù)組(《JS權(quán)威指南》7.5節(jié))。

了解及此,也許想著可以將刪除點(diǎn)之后的元素各往前移動(dòng)1個(gè)單位,實(shí)現(xiàn)徹底剔除該元素,但在JS方法中我們可以查到一種更加簡(jiǎn)便的方式: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 變?yōu)?2,這正是我們想要的結(jié)果。

JavaScript splice() 方法

數(shù)組中添加新元素:

!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>js數(shù)組添加元素_腳本之家/title>
/head>
body>

p id="demo">點(diǎn)擊按鈕向數(shù)組添加元素。/p>
button onclick="myFunction()">點(diǎn)我/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() 方法用于添加或刪除數(shù)組中的元素。

注意:這種方法會(huì)改變?cè)紨?shù)組。

返回值

如果僅刪除一個(gè)元素,則返回一個(gè)元素的數(shù)組。 如果未刪除任何元素,則返回空數(shù)組。

語(yǔ)法

array.splice(index,howmany,item1,.....,itemX)

參數(shù) Values

參數(shù) 描述
index 必需。規(guī)定從何處添加/刪除元素。
該參數(shù)是開(kāi)始插入和(或)刪除的數(shù)組元素的下標(biāo),必須是數(shù)字。
howmany 可選。規(guī)定應(yīng)該刪除多少元素。必須是數(shù)字,但可以是 "0"。
如果未規(guī)定此參數(shù),則刪除從 index 開(kāi)始到原數(shù)組結(jié)尾的所有元素。
item1, ..., itemX 可選。要添加到數(shù)組的新元素

返回值

Type 描述
Array 如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數(shù)組。

更多實(shí)例

實(shí)例

移除數(shù)組的第三個(gè)元素,并在數(shù)組第三個(gè)位置添加新元素:

!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>腳本之家/title>
/head>
body>

p id="demo">點(diǎn)擊按鈕添加和刪除元素。/p>
button onclick="myFunction()">點(diǎn)我/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>

實(shí)例
從第三個(gè)位置開(kāi)始刪除數(shù)組后的兩個(gè)元素:

!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>腳本之家/title>
/head>
body>

p id="demo">點(diǎn)擊按鈕刪除數(shù)組中的兩個(gè)元素。/p>
button onclick="myFunction()">點(diǎn)我/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>

到此這篇關(guān)于JS中徹底刪除JSON對(duì)象組成的數(shù)組中的元素的文章就介紹到這了,更多相關(guān)JS刪除JSON元素內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

標(biāo)簽:池州 孝感 濟(jì)源 阿里 日照 哈密 北京 那曲

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《JS中徹底刪除JSON對(duì)象組成的數(shù)組中的元素》,本文關(guān)鍵詞  中,徹底,刪除,JSON,對(duì)象,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《JS中徹底刪除JSON對(duì)象組成的數(shù)組中的元素》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于JS中徹底刪除JSON對(duì)象組成的數(shù)組中的元素的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章