溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么在JavaScript中實(shí)現(xiàn)JSON對(duì)象動(dòng)態(tài)添加和修改

發(fā)布時(shí)間:2021-05-26 11:28:02 來(lái)源:億速云 閱讀:335 作者:Leah 欄目:web開發(fā)

怎么在JavaScript中實(shí)現(xiàn)JSON對(duì)象動(dòng)態(tài)添加和修改?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。

具體如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>javascript里面的數(shù)組,json對(duì)象,動(dòng)態(tài)添加,修改,刪除示例</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
var a = JSON.parse("{\"title\":\"\",\"data\":[]}");
var b = JSON.parse("{\"id\":\"2\"}");
var c = JSON.parse("{\"id\":\"3\"}");
var d = JSON.parse("{\"id\":\"4\"}");
var e = JSON.parse("{\"id\":\"5\"}");
var f = JSON.parse("{\"id\":\"6\"}");
function myObjectPush() {
debugger;
/* javascript里面的數(shù)組,json對(duì)象,動(dòng)態(tài)添加,修改,
刪除示例 只要適合Javascript的方法都是可以用在JSON對(duì)象的數(shù)組中的!
所以還有另外的方法splice( )進(jìn)行crud操作!
*/
//增加屬性
$(a).attr("id", "1");
//增加子對(duì)象
a.data.push(b);//數(shù)組最后加一條記錄
a.data.push(c);
a.data.push(d);
a.data.unshift(d);//數(shù)組最前面加一條記錄
//修改子對(duì)象及屬性
a.title = "這是json名字";
//刪除子對(duì)象
//json的刪除有很多種,直接用過(guò) delete json對(duì)象方式:
delete a.data[1];
a.data.pop(); //刪除最后一項(xiàng)
a.data.shift(); //刪除第一項(xiàng)
a.data.splice(0, 1); //刪除指定子對(duì)象,參數(shù):開始位置,刪除個(gè)數(shù)
//替換不刪除
a.data.splice(1, 0, e, f);//開始位置,刪除個(gè)數(shù),插入對(duì)象
//替換并刪除 a.data.splice(0, 1, e, f);//開始位置,刪除個(gè)數(shù),插入對(duì)象
console.log(a);
}
</script>
</head>
<body onload="myObjectPush()">
</body>
</html>

運(yùn)行結(jié)果:

怎么在JavaScript中實(shí)現(xiàn)JSON對(duì)象動(dòng)態(tài)添加和修改

javascript是一種什么語(yǔ)言

javascript是一種動(dòng)態(tài)類型、弱類型的語(yǔ)言,基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性并廣泛用于客戶端網(wǎng)頁(yè)開發(fā)的腳本語(yǔ)言,同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語(yǔ)言。它主要用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能,現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器,如Node.js。

看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝您對(duì)億速云的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI