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 相关文章推荐
Django1.7+JQuery+Ajax验证用户注册集成小例子
Apr 08 jQuery
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
jQuery ajax动态生成table功能示例
Jun 14 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
使用php shell命令合并图片的代码
2011/06/23 PHP
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
PHP中的表达式简述
2016/05/29 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
2017/10/23 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
Python常见文件操作的函数示例代码
2011/11/15 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
HTML5 audio标签使用js进行播放控制实例
2015/04/24 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
下列程序在32位linux或unix中的结果是什么
2014/03/25 面试题
Java程序员常见面试题
2015/07/16 面试题
网络公司美工设计工作个人的自我评价
2013/11/03 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
三行辞职书范文
2015/02/26 职场文书
不同意离婚答辩状
2015/05/22 职场文书
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js