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加密密码到cookie的实现代码
Apr 18 jQuery
jQuery实现简单的手风琴效果
Apr 17 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jquery实现购物车基本功能
Oct 25 jQuery
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
Jquery高级应用Deferred对象原理及使用实例
May 28 jQuery
jQuery带控制按钮轮播图插件
Jul 31 jQuery
jQuery实现手风琴特效
Jan 11 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 大数据量及海量数据处理算法总结
2011/05/07 PHP
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
PHP时间函数使用详解
2019/03/21 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
javascript日期对象格式化为字符串的实现方法
2014/01/14 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
js星星评分效果
2014/07/24 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
Python生成随机验证码的两种方法
2015/12/22 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
Python 登录网站详解及实例
2017/04/11 Python
在python中对变量判断是否为None的三种方法总结
2019/01/23 Python
python3 写一个WAV音频文件播放器的代码
2019/09/27 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
用python绘制樱花树
2020/10/09 Python
python3通过subprocess模块调用脚本并和脚本交互的操作
2020/12/05 Python
python制作微博图片爬取工具
2021/01/16 Python
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
自荐信要包含哪些内容
2013/11/06 职场文书
教育学专业毕业生的自我评价
2013/11/21 职场文书
党员创先争优承诺书
2014/03/26 职场文书
个人查摆剖析材料
2014/10/04 职场文书
六年级学生评语大全
2014/12/26 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers