jQuery.extend克隆对象实现方法详解
| 时间:2013-09-05 20:25:24 | 阅读数:60375
[导读] 在jquery中实现克隆我们只要使用jQuery extend({}, oldObject)这样就可以了,并不像有些网友写了几十行也只能实现这个功能。在What is the most efficient way to clone a JavaScript object?看到jQ
在jquery中实现克隆我们只要使用jQuery.extend({}, oldObject)这样就可以了,并不像有些网友写了几十行也只能实现这个功能。
在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<rows.length;i++){
_471.push($.extend({},rows[i]));
}
通过上面的循环能够将rows中的每个对象复制一份到_471中。
| 时间:2013-09-05 20:25:24 | 阅读数:60375
[导读] 在jquery中实现克隆我们只要使用jQuery extend({}, oldObject)这样就可以了,并不像有些网友写了几十行也只能实现这个功能。在What is the most efficient way to clone a JavaScript object?看到jQ
在jquery中实现克隆我们只要使用jQuery.extend({}, oldObject)这样就可以了,并不像有些网友写了几十行也只能实现这个功能。
在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<rows.length;i++){
_471.push($.extend({},rows[i]));
}
通过上面的循环能够将rows中的每个对象复制一份到_471中。