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用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
jquery图片放大镜效果
Jun 23 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
jQuery实现飞机大战小游戏
Jul 05 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 jQuery
jquery实现有过渡效果的tab切换
Jul 17 jQuery
jQuery-App输入框实现实时搜索
Nov 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实现文件安全下载
2006/10/09 PHP
用php实现的下载css文件中的图片的代码
2010/02/08 PHP
php开启安全模式后禁用的函数集合
2011/06/26 PHP
PHP APC的安装与使用详解
2013/06/13 PHP
php实现的支持断点续传的文件下载类
2014/09/23 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
Angularjs 制作购物车功能实例代码
2016/09/14 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
JavaScript变速动画函数封装添加任意多个属性
2019/04/03 Javascript
详解iview的checkbox多选框全选时校验问题
2019/06/10 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
使用Python编写一个模仿CPU工作的程序
2015/04/16 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
解决numpy矩阵相减出现的负值自动转正值的问题
2020/06/03 Python
python Paramiko使用示例
2020/09/21 Python
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
软件工程专业推荐信
2013/10/28 职场文书
爱国演讲稿500字
2014/05/04 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
实名检举信范文
2015/03/02 职场文书