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实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
Vue中正确使用jQuery的方法
Oct 30 jQuery
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
jQuery实时统计输入框字数及限制
Jun 24 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
jquery自定义组件实例详解
Dec 31 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中实现进程间通讯
2006/10/09 PHP
PHP中的extract的作用分析
2008/04/09 PHP
codeigniter中测试通过的分页类示例
2014/04/17 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
基于jquery的时间段实现代码
2012/08/02 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
ES6中非常实用的新特性介绍
2016/03/10 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
js字符串引用的两种方式(必看)
2016/09/18 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
2018/10/12 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
2020/04/08 Javascript
Python学习笔记之常用函数及说明
2014/05/23 Python
Python中django学习心得
2017/12/06 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
Python多进程fork()函数详解
2019/02/22 Python
python 遍历pd.Series的index和value
2019/11/26 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
如何用python处理excel表格
2020/06/09 Python
YesStyle美国/全球:购买亚洲时装、美容化妆品和生活百货
2017/01/16 全球购物
国际贸易专业推荐信
2013/11/15 职场文书
《称象》教学反思
2014/04/25 职场文书
民主评议党员总结
2014/10/20 职场文书
工作证明英文模板
2014/10/21 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android
sql server 累计求和实现代码
2022/02/28 SQL Server
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis