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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
jquery+php后台实现省市区联动功能示例
May 23 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 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
本地机apache配置基于域名的虚拟主机详解
2013/08/10 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
通过php修改xml文档内容的方法
2015/01/23 PHP
PHP多文件上传类实例
2015/03/07 PHP
jQuery ajax(复习)—Baidu ajax request分离版
2013/01/24 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
2013/03/18 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
基于Turn.js 实现翻书效果实例解析
2016/06/20 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
手机端转换rem适应
2017/04/01 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
vue实现数字滚动效果
2020/06/29 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
python通过socket查询whois的方法
2015/07/18 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
详谈Python基础之内置函数和递归
2017/06/21 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
管理失职检讨书范文
2015/05/05 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
php去除数组中为0的元素的实例分析
2021/11/17 PHP