克隆/深度克隆

最新推荐文章于 2024-05-02 05:45:00 发布

原创最新推荐文章于 2024-05-02 05:45:00 发布 · 176 阅读

0 ·

CC 4.0 BY-SA版权

js-note 专栏收录该内容

18 篇文章

订阅专栏

本文探讨了JavaScript中对象克隆的基本方法，包括浅拷贝和深拷贝的区别及实现方式。通过具体代码示例，讲解了如何使用循环和递归进行深度克隆，确保复制的对象完全独立于原对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

克隆：

                var obj = {
			name: 'abc',
			age: '17',
			sex: 'female'
		}
		var obj1 = {}

		function clone(origin, target) {
			for(var prop in origin) {
				target[prop] = origin[prop]
			}
		}
		clone(obj, obj1);

深度克隆：

遍历对象 for（var prop in obj）

判断是不是原始值 typeof() object
判断是数组还是对象 instanceof toString constructor
建立相对的数组或对象

递归

function deepClone(origin, target){
	var target = target || {},
	toStr = Object.prototype.toString,
	arrStr = "[object Array]";
	
	for(var prop in origin){
		if(origin.hasOwnProperty(prop)){
			
			if(origin[prop] !== 'null' && typeof(origin[prop]) == 'object'){
				
				if(toStr.call(origin[prop]) == arrStr){
					target[prop] = [];
				}else{
					target[prop] = {};
				}
				deepClone(origin[prop], target[prop]);
			}else{
				target[prop] = origin[prop];
			}
		}
	}
        return target;
}