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实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
Jquery-data的三种用法
Apr 18 jQuery
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
jQuery上传插件webupload使用方法
Aug 01 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 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实现utf-8和GB2312编码相互转换函数代码
2013/02/07 PHP
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
9段PHP实用功能的代码推荐
2014/10/14 PHP
PHP开发注意事项总结
2015/02/04 PHP
PHP如何实现跨域
2016/05/30 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
bootstrap时间插件daterangepicker使用详解
2017/10/19 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
2018/01/12 Javascript
JS返回页面时自动回滚到历史浏览位置
2018/09/26 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
[44:40]Serenity vs Pain 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python 全局变量的import机制介绍
2017/09/07 Python
Python对List中的元素排序的方法
2018/04/01 Python
python与字符编码问题
2019/05/24 Python
pytorch梯度剪裁方式
2020/02/04 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
python hmac模块验证客户端的合法性
2020/11/07 Python
python利用opencv实现颜色检测
2021/02/23 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
婴儿鞋,独特的婴儿服装和配件:Zutano
2018/11/03 全球购物
考试没考好检讨书
2014/01/31 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
小学运动会入场词
2015/07/18 职场文书
化验室安全管理制度
2015/08/06 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
python3实现常见的排序算法(示例代码)
2021/07/04 Python
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python