js合并兩個對象

魏憲會發布于2019-08-26 10:42 / 1277人閱讀

摘要：中加一個空對象，的值就不會被改變。遍歷此處是判斷自有屬性，使用循環遍歷對象的屬性時，原型鏈上的所有屬性都將被訪問會避免原型對象擴展帶來的干擾可以把任意多個的源對象自身的可枚舉屬性拷貝給目標對象，然后返回目標對象。

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.Obj.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);

云服務器 GPU云服務器 js 兩個數據合并合并兩個單鏈表 linux 兩個硬盤合并 linux如何合并兩個磁盤

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106624.html

JavaScript復制（合并）對象

摘要：實現合并對象的方法有很多種，比如也是用寫的，謝謝系列等，至于區別自己看文檔，文檔地址打造的一個不可變數據結構庫的方法其中，為原生方法，但是存在以下兩個在具體應用場景上的缺點瀏覽器兼容性問題只能進行淺合并關于淺合并深合并，碼友之述備矣，這里就 javascript實現合并對象的方法有很多種，比如： 1、Object.assign 2、jQuery.extend（jQuery也是用java...

vslam 2019-08-21 16:58 評論0 收藏0
JS每日一題: Vue中mixin怎么理解？

摘要：兩個對象鍵名沖突時，取組件對象的鍵值對也使用同樣的策略進行合并。代碼理解全局混合也可以全局注冊混合對象。注意使用一旦使用全局混合對象，將會影響到所有之后創建的實例為自定義的選項注入一個處理器。 20190122 Vue中mixin怎么理解？ mixin是為了讓可復用的功能靈活的混入到當前組件中，混合的對象可以包含任意組件選項（生命周期，指令之類等等）, mixin翻譯過來叫混合,高級的...

jubincn 2019-08-23 15:28 評論0 收藏0
ES6 Javascript 實用開發技巧

摘要：定義變量常量中新增加了和兩個命令，用于定義變量，用于定義常量。定義變量/常量 ES6 中新增加了 let 和 const 兩個命令，let 用于定義變量，const 用于定義常量。兩個命令與原有的 var 命令所不同的地方在于，let, const 都是塊級作用域，其有效范圍僅在代碼塊中，實例如下： //es5 if(1 == 1){ var b = foo; } conso...

iamyoung001 2019-08-22 16:48 評論0 收藏0
ES6 javascript 實用開發技巧

摘要：實用開發技巧本文只羅列出在開發過程中相對實用的內容，并非一個高大全的文檔，如果希望查閱詳細的內容，可購買阮一峰老師所出版的相關圖書。 Javascript - ES6 javascript 實用開發技巧本文只羅列出在 ES6 開發過程中相對實用的內容，并非一個高大全的文檔，如果希望查閱詳細的內容，可購買阮一峰老師所出版的 ES6 相關圖書。另外阮一峰老師《ECMAScript 6 入...

DobbyKim 2019-08-26 11:53 評論0 收藏0
seajs模塊化改造實踐

摘要：為對象字符串時，表示模塊的接口就是該對象字符串。我們來看一個實際的例子支付寶的登陸頁面。在網頁支付寶收銀臺中的運用很直觀的就能看到插模塊的合并，這個合并的工作就是構建工具的功勞了。前言一月份的時候，臨近放假，拿到一個需求，新增一個產品，我一個前端對一個java后端，兩個星期的開發時間。因為大部分功能在別的產品都已經有了，基本都是簡單處理一下拿過來，再添加一下額外需要的功能，比如選...

justjavac 2019-08-20 14:20 評論0 收藏0