大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jQuery如何实现简单复制json对象和json对象集合操作示例-创新互联

小编给大家分享一下jQuery如何实现简单复制json对象和json对象集合操作示例,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

10年积累的做网站、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有安乡免费网站建设让你可以放心的选择与我们合作。

具体如下:




  
  www.jb51.net jQuery复制json
  
  
    $(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);
    });
  



使用本站HTML/CSS/JS在线运行测试工具:http://tools.jb51.net/code/HtmlJsRun,可得到如下测试运行效果:

jQuery如何实现简单复制json对象和json对象集合操作示例

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

看完了这篇文章,相信你对“jQuery如何实现简单复制json对象和json对象集合操作示例”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


名称栏目:jQuery如何实现简单复制json对象和json对象集合操作示例-创新互联
本文来源:http://dzwzjz.com/article/edjec.html
在线咨询
服务热线
服务热线:028-86922220
TOP