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>
