jQuery实现简单复制json对象和json对象集合操作示例


Posted in jQuery onJuly 09, 2018

本文实例讲述了jQuery实现简单复制json对象和json对象集合操作。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width" />
  <title>3water.com 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在线运行测试工具:http://tools.3water.com/code/HtmlJsRun,可得到如下测试运行效果:

jQuery实现简单复制json对象和json对象集合操作示例

jQuery 相关文章推荐
jQuery返回定位插件详解
May 15 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
jQuery实现评论模块
Aug 19 jQuery
jQuery插件实现图片轮播效果
Oct 19 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 #jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 #jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 #jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 #jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 #jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 #jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 #jQuery
You might like
无数据库的详细域名查询程序PHP版(2)
2006/10/09 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
js变换显示图片的实例
2013/04/16 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
2015/03/28 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
jquery实现的仿天猫侧导航tab切换效果
2015/08/24 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
vue中appear的用法
2017/08/17 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
python 的列表遍历删除实现代码
2020/04/12 Python
python数据处理实战(必看篇)
2017/06/11 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
德国受欢迎的旅游和休闲网站:lastminute.de
2019/09/23 全球购物
银行求职推荐信范文
2013/11/30 职场文书
销售经理工作职责范文
2013/12/03 职场文书
企业宗旨标语
2014/06/10 职场文书
实验室标语
2014/06/21 职场文书
合同权益转让协议书模板
2014/11/18 职场文书
2014年班主任德育工作总结
2014/12/05 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
python 逐步回归算法
2021/04/06 Python