在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); console.log(obj1); |
|
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中。
时间： 2024-10-29 18:39:07