JavaScript數組，JSON對象實現動態添加、修改、刪除功能示例

2019-11-19 13:46:41

字體：大中小

來源：轉載

供稿：網友

本文實例講述了JavaScript數組，JSON對象實現動態添加、修改、刪除功能。分享給大家供大家參考，具體如下：

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>javascript里面的數組，json對象，動態添加，修改，刪除示例</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里面的數組，json對象，動態添加，修改，刪除示例 只要適合Javascript的方法都是可以用在JSON對象的數組中的！所以還有另外的方法splice( )進行crud操作！*///增加屬性$(a).attr("id", "1");//增加子對象a.data.push(b);//數組最后加一條記錄a.data.push(c);a.data.push(d);a.data.unshift(d);//數組最前面加一條記錄//修改子對象及屬性a.title = "這是json名字";//刪除子對象//json的刪除有很多種，直接用過 delete json對象方式:delete a.data[1];a.data.pop(); //刪除最后一項a.data.shift(); //刪除第一項a.data.splice(0, 1); //刪除指定子對象，參數：開始位置,刪除個數//替換不刪除a.data.splice(1, 0, e, f);//開始位置,刪除個數,插入對象//替換并刪除 a.data.splice(0, 1, e, f);//開始位置,刪除個數,插入對象console.log(a);}</script></head><body onload="myObjectPush()"></body></html>

運行結果：