1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 6 <title>javascript里面的數組，json對象，動態添加，修改，刪除示例</title> 7 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script> 8 <script type="text/javascript"> 9 var a = JSON.parse("{\"title\":\"\",\"data\":[]}"); 10 var b = JSON.parse("{\"id\":\"2\"}"); 11 var c = JSON.parse("{\"id\":\"3\"}"); 12 var d = JSON.parse("{\"id\":\"4\"}"); 13 var e = JSON.parse("{\"id\":\"5\"}"); 14 var f = JSON.parse("{\"id\":\"6\"}"); 15 function myObjectPush() { 16 debugger; 17 /* 18 javascript里面的數組，json對象，動態添加，修改，刪除示例 19 只要適合Javascript的方法都是可以用在JSON對象的數組中的！所以還有另外的方法splice( )進行crud操作！ 20 */ 21 22 //增加屬性 23 $(a).attr("id", "1"); 24 //增加子對象 25 a.data.push(b); //數組最后加一條記錄 26 a.data.push(c); 27 a.data.push(d); 28 a.data.unshift(d);//數組最前面加一條記錄 29 30 //修改子對象及屬性 31 a.title = "這是json名字"; 32 33 //刪除子對象 34 //json的刪除有很多種，直接用過 delete json對象方式: 35 delete a.data[1]; 36 37 a.data.pop(); //刪除最后一項 38 a.data.shift(); //刪除第一項 39 a.data.splice(0, 1); //刪除指定子對象，參數：開始位置,刪除個數 40 41 //替換不刪除 42 a.data.splice(1, 0, e, f);//開始位置,刪除個數,插入對象 43 //替換並刪除 44 a.data.splice(0, 1, e, f);//開始位置,刪除個數,插入對象 45 } 46 </script> 47 </head> 48 <body onload="myObjectPush()"> 49 </body> 50 </html>