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插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
jQuery为某个div加入行样式
Jun 09 jQuery
jquery图片放大镜效果
Jun 23 jQuery
简单实现jQuery轮播效果
Aug 18 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
使vue实现jQuery调用的两种方法
May 12 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
jQuery实现简单聊天室
Feb 08 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
很实用的一个完整email发送程序
2006/10/09 PHP
php设计模式 Observer(观察者模式)
2011/06/26 PHP
php中使用gd库实现远程图片下载实例
2015/05/12 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
javascript 类型判断代码分析
2010/03/28 Javascript
js获取IFRAME当前的URL的方法
2013/11/13 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
JS继承之借用构造函数继承和组合继承
2016/09/07 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
2016/12/29 Javascript
Vue通过input筛选数据
2020/10/26 Javascript
基于Jquery Ajax type的4种类型(详解)
2017/08/02 jQuery
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
js实现搜索栏效果
2018/11/16 Javascript
js获取浏览器地址(获取第1个斜杠后的内容)
2019/09/03 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
python爬虫框架scrapy实现模拟登录操作示例
2018/08/02 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
numpy中生成随机数的几种常用函数(小结)
2020/08/18 Python
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
安全教育月活动总结
2014/05/05 职场文书
企业趣味活动方案
2014/08/21 职场文书
大学生军训自我鉴定范文
2014/09/18 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
教师自荐信范文
2015/03/06 职场文书
投资申请报告
2015/05/19 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
详解JVM系列之内存模型
2021/06/10 Javascript
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技