解決方案?

1.extend()

var obj1 = {a:1,b:2};var obj2 = {c:3,d:4};var assignObj = $.extend(obj1,obj2);console.log('assignObj',assignObj);console.log('obj1',obj1);console.log('obj2',obj2);

可以發現obj1的值被改變了。

var obj1 = {a:1,b:2};var obj2 = {c:3,d:4};var assignOObj = $.extend({},obj1,obj2);console.log('assignOObj',assignOObj);console.log('obj1',obj1);console.log('obj2',obj2);

extend()中加一個空對象，obj1的值就不會被改變。

2.遍歷

var obj1={a:1};var obj2={b:2,c:3};for(var key in obj2){if(obj2.hasOwnProperty(key)===true){//此處hasOwnProperty是判斷自有屬性，使用 for in 循環遍歷對象的屬性時，原型鏈上的所有屬性都將被訪問會避免原型對象擴展帶來的干擾obj1[key]=obj2[key];} }console.log(obj1);console.log(obj2);

3.Object.assign()

Object.assign?是ES6新添加的接口，主要的用途是用來合并多個JavaScript的對象。

Object.assign() 接口可以接收多個參數，第一個參數是目標對象，后面的都是源對象，assign方法將多個原對象的屬性和方法都合并到了目標對象上面，如果在這個過程中出現同名的屬性（方法），后合并的屬性（方法）會覆蓋之前的同名屬性（方法）

Object.assign(target, ...sources)

var obj1 = {a:1,b:2};var obj2 = {c:3,d:4};var assignObj = Object.assign(obj1,obj2);console.log('assignObj',assignObj);console.log('obj1',obj1);console.log('obj2',obj2);

obj1的值也被改變了,和$.extend()類似.

var obj1 = {a:1,b:2};var obj2 = {c:3,d:4};var assignOObj = $.extend({},obj1,obj2);console.log('assignOObj',assignOObj);console.log('obj1',obj1);console.log('obj2',obj2);

參考文章

https://segmentfault.com/a/1190000020035444

https://www.jianshu.com/p/aa7ac6dd2a56

總結

以上是生活随笔為你收集整理的JavaScript——对象合并解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。