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+Ajax实现用户名重名实时检测
Jun 01 jQuery
jquery仿京东商品放大浏览页面
Jun 06 jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
jquery实现倒计时小应用
Sep 19 jQuery
jquery拖拽自动排序插件使用方法详解
Jul 20 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
jquery实现淡入淡出轮播图效果
Dec 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
ThinkPHP入口文件设置及相关注意事项分析
2014/12/05 PHP
Javascript Global对象
2009/08/13 Javascript
理解Javascript_09_Function与Object
2010/10/16 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
2013/08/05 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
深入浅析Vue不同场景下组件间的数据交流
2017/08/15 Javascript
Vue的百度地图插件尝试使用
2017/09/06 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
python检索特定内容的文本文件实例
2018/06/05 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
Python新手如何理解循环加载模块
2020/05/29 Python
使用pycharm和pylint检查python代码规范操作
2020/06/09 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
大学生毕业的自我鉴定
2013/11/13 职场文书
高中考试作弊检讨书
2014/01/14 职场文书
入党自我鉴定
2014/03/25 职场文书
护士节活动总结
2014/08/29 职场文书
教研活动主持词
2015/07/03 职场文书
2015中学学校工作总结
2015/07/20 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
PHP面试题 wakeup魔法 Ezpop pop序列化与反序列化
2022/04/11 PHP