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 tip提示插件(实例分享)
Apr 28 jQuery
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
js和jquery中获取非行间样式
May 05 jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
jQuery实现弹出层效果
Dec 10 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 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程序的方法
2009/03/09 PHP
linux系统上支持php的 iconv()函数的方法
2011/10/01 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
js获取时间并实现字符串和时间戳之间的转换
2015/01/05 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
input点击后placeholder中的提示消息消失
2016/01/15 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
angularjs下拉框空白的解决办法
2017/06/20 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
Python简单实现阿拉伯数字和罗马数字的互相转换功能示例
2018/04/17 Python
Python连接Redis的基本配置方法
2018/09/13 Python
python中的句柄操作的方法示例
2019/06/20 Python
Python字符串、列表、元组、字典、集合的补充实例详解
2019/12/20 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
管理学专业个人求职信范文
2013/09/21 职场文书
路政管理毕业自荐书范文
2014/02/10 职场文书
六年级小学生评语
2014/12/26 职场文书
小学校本教研总结
2015/08/13 职场文书
生鲜超市—未来中国最具有潜力零售业态
2019/08/02 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python
关于python类SortedList详解
2021/09/04 Python