对象合并_拷贝

Posted myniu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对象合并_拷贝相关的知识,希望对你有一定的参考价值。

	function merae(obj1, obj2) {
		
	    for (var p in obj2) {
		   try {
		 
			 if ( obj2[p].constructor==Object ) {
				obj1[p] = merae(obj1[p], obj2[p]);
			 } else {
				obj1[p] = obj2[p];
			 }
		
		   } catch(e) {
			 //未设置目标对象中的属性;创建它并设置其值。
			 obj1[p] = obj2[p];
		   }
	    }
	
			
		var o1={
			a:1,
			b:{bb:2},
			c:{cc:3,ccc:4}
		};
		var o2={d:9,a:2};

		merae(o2,o1);
		//console.log(o2);//{a: 1,b: {bb: 2},c: {cc: 3, ccc: 4},d: 9}
		o1.a=5;
		//深拷贝不是浅拷贝
		//console.log(o2);//{a: 1,b: {bb: 2},c: {cc: 3, ccc: 4},d: 9}
		//console.log(o1);//{a:1,b:{bb:2},c:{cc:3,ccc:4}};
	function deepClone(source){
		let targetObj = source.constructor === Array ? [] : {}; 
			for(let keys in source){
				if(source.hasOwnProperty(keys)){
					if(source[keys] && typeof source[keys] === ‘object‘){
						
						targetObj[keys] = source[keys].constructor === Array ? [] : {};
						targetObj[keys] = deepClone(source[keys]);
						
					}else{
						
						targetObj[keys] = source[keys];
					}
				}
			}
		return targetObj;
	}
	
	
	var o1={
		a:1,
		b:{bb:2},
		c:{cc:3,ccc:4}
	};
	
	let o2=deepClone(o1);
	console.log(o2);
	o1.a=5;
	console.log(o2);//{a: 1, b: {…}, c: {…}}
	console.log(o1);//{a: 5, b: {…}, c: {…}}

以上是关于对象合并_拷贝的主要内容,如果未能解决你的问题,请参考以下文章

实现对象合并功能

五. JavaScript实现对象合并功能

JS----对象的合并与克隆与数组的深浅克隆

js_Object.assign(对象的合并)

ES6 对象解构赋值(浅拷贝 VS 深拷贝)

Object常用方法总结