本文实例讲述了jquery实现简单复制json对象和json对象集合操作。分享给大家供大家参考,具体如下:
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>www.jb51.net jquery复制json</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(function () { var classlist = [ { classid: 1, classname: '一班', students: [ { studentid: 1, studentname: '张三' }, { studentid: 2, studentname: '李四' } ] }, { classid: 2, classname: '二班', students: [ { studentid: 3, studentname: '王五' }, { studentid: 4, studentname: '马六' } ] } ] var classdemo = { classid: 1, classname: '一班', students: [ { studentid: 1, studentname: '张三' }, { studentid: 2, studentname: '李四' } ] } var newclasslist = jquery.extend(true, [], classlist);//复制对象集合 var newclassdemo = jquery.extend(true, {}, classdemo);//复制对象 //输出测试: console.log(newclasslist); console.log(newclassdemo); }); </script> </head> <body> </body> </html>
使用本站html/css/js在线运行测试工具:,可得到如下测试运行效果:
ps:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:
在线json代码检验、检验、美化、格式化工具:
json在线格式化工具:
在线xml/json互相转换工具:
json代码在线格式化/美化/压缩/编辑/转换工具:
在线json压缩/转义工具:
更多关于jquery相关内容感兴趣的读者可查看本站专题:《jquery操作json数据技巧汇总》、《jquery常用插件及用法总结》、《jquery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jquery程序设计有所帮助。
如对本文有疑问, 点击进行留言回复!!
荐 AJAX初识Day1——POST & GET请求
海创软件组--20200712--axios上传文件获取进度--js对多个四边形的点对象数组分别按顺时针排序--定义上传视频并可预览
网友评论