本文實例講述了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>運行結果：
PS：關于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：
在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.VeVB.COm/code/json
JSON在線格式化工具：
http://tools.VeVB.COm/code/jsonformat
在線XML/JSON互相轉換工具：
http://tools.VeVB.COm/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具：
http://tools.VeVB.COm/code/jsoncodeformat
在線json壓縮/轉義工具：
http://tools.VeVB.COm/code/json_yasuo_trans
更多關于JavaScript相關內容可查看本站專題：《JavaScript中json操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
