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插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
jQuery实现checkbox的简单操作
Nov 18 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
jquery登录的异步验证操作示例
May 09 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
jquery实现拖拽小方块效果
Dec 10 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函数strip_tags的一个bug浅析
2014/05/22 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
Vue实现表格中对数据进行转换、处理的方法
2018/09/06 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
js console.log打印对象时属性缺失的解决方法
2019/05/23 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
教你用Python创建微信聊天机器人
2020/03/31 Python
python读取视频流提取视频帧的两种方法
2020/10/22 Python
Python中is和==的区别详解
2018/11/15 Python
使用Tensorflow将自己的数据分割成batch训练实例
2020/01/20 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
马来西亚综合购物网站:Lazada马来西亚
2018/06/05 全球购物
Under Armour瑞典官方网站:美国高端运动科技品牌
2018/11/21 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
2014组织生活会方案
2014/05/19 职场文书
会计专业自荐信
2014/06/03 职场文书
供电工程专业求职信
2014/08/09 职场文书
村主任“四风”问题个人整改措施
2014/10/04 职场文书
高中班主任评语
2014/12/30 职场文书
java项目构建Gradle的使用教程
2022/03/24 Java/Android