一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > jquery

推荐专题

最新下载

热门教程

jQuery.extend克隆对象实现方法详解

时间：2022-11-14 22:03:27 编辑：袖梨 来源：一聚教程网

在What is the most efficient way to clone a JavaScript object?看到jQuery作者John Resig给出的回答是这样的

代码如下 复制代码

// Shallow copy
var newObject = jQuery.extend({}, oldObject);

// Deep copy
var newObject = jQuery.extend(true, {}, oldObject);


今天发现 jQuery 的作者 John Resig 给别人的答复，尝试了一下确实很好用。

方法如下：

代码如下 复制代码

// 浅层复制（只复制顶层的非 object 元素）

var newObject = jQuery.extend({}, oldObject);

// 深层复制（一层一层往下复制直到最底层）

var newObject = jQuery.extend(true, {}, oldObject);

测试如下：

代码如下 复制代码

var obj1 = {
'a': 's1',
'b': [1,2,3,{'a':'s2'}],
'c': {'a':'s3', 'b': [4,5,6]}
}

var obj2 = $.extend(true, {}, obj1);
obj2.a='s1s1';
obj2.b[0]=100;
obj2.c.b[0]=400;

console.log(obj1);
console.log(obj2);

obj2 内部元素的值改变之后，如果 obj1 的相应值保持不变，就说明复制成功。

ExtJS 也有类似的方法 Ext.apply，因此单独用 ExtJS 应该也能实现同样的功能。


使用jquery easyui的朋友可能会发现,jquery中有一种独特的对象的方式,如下：

代码如下 复制代码

var rows=data.rows;
var _471=[];
for(var i=0;i _471.push($.extend({},rows[i]));
}

通过上面的循环能够将rows中的每个对象复制一份到_471中。

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:111cn.com@163.com 我们24小时内处理