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基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
如何在vue 中引入使用jquery
Nov 10 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 开发环境配置(Zend Studio)
2010/04/28 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
PHP实现定时执行任务的方法
2014/10/05 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
javascript parseInt() 函数的进制转换注意细节
2013/01/08 Javascript
微信小程序 弹幕功能简单实例
2017/02/14 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
2017/05/11 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
python使用urllib2模块获取gravatar头像实例
2013/12/18 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
老生常谈python之鸭子类和多态
2017/06/13 Python
使用Python写一个量化股票提醒系统
2018/08/22 Python
Python中extend和append的区别讲解
2019/01/24 Python
PyQt+socket实现远程操作服务器的方法示例
2019/08/22 Python
解决django后台管理界面添加中文内容乱码问题
2019/11/15 Python
Python开发企业微信机器人每天定时发消息实例
2020/03/17 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
Python实现京东抢秒杀功能
2021/01/25 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
介绍一下如何利用路径遍历进行攻击及如何防范
2014/01/19 面试题
竞选演讲稿范文
2013/12/28 职场文书
情人节活动策划方案
2014/02/27 职场文书
领导干部贪图享乐整改措施
2014/09/21 职场文书
有限公司股东合作协议书
2014/10/29 职场文书
搞笑老公保证书
2015/02/26 职场文书
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js