Javascript中的一种深复制实现
2024-10-15 22:56:11
在javascript中,所有的object变量之间的赋值都是传地址的,可能有同学会问哪些是object对象。举例子来说明可能会比较好:
typeof(true) //"boolean"
typeof(1) //"number"
typeof("1") //"string"
typeof({}) //"object"
typeof([]) //"object"
typeof(null) //"object"
typeof(function(){}) //"function"
所以其实我们深复制主要需要处理的对象就是object对象,非object对象只要直接正常的赋值就好。我实现js深复制的思路就是:
- 遍历所有该对象的属性,
- 如果该属性是"object"则需要特殊处理,
- 如果这个object对象比较特殊,是一个数组,那就创建一个新的数组并深复制数组里的元素
- 如果这个object对象是个非数组对象,那直接再对它递归调用深复制方法即可。
- 如果不是"object",则直接正常复制就行。
下面就是我的实现了:
Object.prototype.DeepCopy = function () {
var obj, i;
obj = {}; for (attr in this) {
if (this.hasOwnProperty(attr)) {
if (typeof(this[attr]) === "object") {
if (this[attr] === null) {
obj[attr] = null;
}
else if (Object.prototype.toString.call(this[attr]) === '[object Array]') {
obj[attr] = [];
for (i=0; i<this[attr].length; i++) {
obj[attr].push(this[attr][i].DeepCopy());
}
} else {
obj[attr] = this[attr].DeepCopy();
}
} else {
obj[attr] = this[attr];
}
}
}
return obj;
};
如果浏览器支持ECMAScript 5的话,为了深复制对象属性的所有特性,可以使用
Object.defineProperty(obj, attr, Object.getOwnPropertyDescriptor(this, attr));
来替代
obj[attr] = this[attr];
直接在Object.prototype上实现该方法的好处是,所有对象都会继承该方法。坏处是某些库也会改写Object对象,所以有时会发生冲突。这是需要注意的。具体使用方法如下:
Object.prototype.DeepCopy = function () { ... }
var a = { x:1 };
var b = a;
var c = a.DeepCopy();
a.x = 2;
b.x = 3;
console.log(a.x); //3
console.log(b.x); //3
console.log(c.x); //1
转载请注明出处:jerryzou.com
最新文章
- 浅谈javascript面向对象
- html视频播放器的代码 及其参数详解
- JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用
- 关于uboot和kernel的一些理解
- com组件 智能指针崩溃问题崩溃问题
- CodeForces 706C Hard problem (水DP)
- 小米手机与魅族的PK战结果 说明了什么
- Django模板-模板标签
- 基于visual Studio2013解决算法导论之053图的邻接表表示
- oralce 获取自定义主键编码,有并发问题
- Intellij Idea + Maven + Git + Struts2 HelloWorld
- 用js实现图片的无缝滚动效果
- su鉴定故障
- js高阶函数应用—函数柯里化和反柯里化(二)
- PreferencesUtils【SharedPreferences操作工具类】
- xampp+discuz 安装踩坑后总结
- 2017年7月最新浏览器市场份额,IE8份额仅剩个位数
- Shiro中的Remember me设置
- linux ipv6开启的配置文件
- 关于bit,bin文件的一些研究
热门文章
- python输出重定向
- 解决xcode打开时loading假死的问题
- Jmeter+jenkins接口性能测试平台实践整理(一)
- SQL(Oracle)
- 页面设计--Label
- (转)读取XML数据到treeView中
- ORA-00245: control file backup failed; target is likely on a local file system (转载)
- 【Unity Shaders】学习笔记——渲染管线
- Android开发-API指南-<;manifest>;
- 【LeetCode】3.Longest Substring Without Repeating Characters 最长无重复子串