JavaScript数组,JSON对象实现动态添加、修改、删除功
能⽰例
本⽂实例讲述了JavaScript数组,JSON对象实现动态添加、修改、删除功能。分享给⼤家供⼤家参考,具体如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>javascript⾥⾯的数组,json对象,动态添加,修改,删除⽰例</title>
<script src="libs.baidu/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>
如何启用javascript功能
运⾏结果:
PS:关于json操作,这⾥再为⼤家推荐⼏款⽐较实⽤的json在线⼯具供⼤家参考使⽤:
更多关于JavaScript相关内容可查看本站专题:《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。