您好,登錄后才能下訂單哦!
小編給大家分享一下es6如何合并對象,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
es6合并對象的方法有:1、利用“Object.assign()”方法,語法“Object.assign(obj1,obj2,obj3)”;2、使用使用擴展運算符“...”,語法“{...obj1,...obj2,...obj3}”。
本教程操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。
方法一:Es6的 Object.assign()
方法
Object.assign()方法用于對象的合并,將源對象(source)的所有可枚舉屬性,復制到目標對象(target)。
舉例:
let obj1 = {a: 1} let obj2 = {b: 2} let obj3 = {b: 3, c:4} let obj = Object.assign(obj1, obj2, obj3) console.log(obj, obj1, obj2, obj3)
輸出:
{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
注意
1、Object.assign()方法的第一個參數是目標對象,后面的參數都是源對象。
2、此處obj2里的屬性b被后面的obj3里的屬性b給覆蓋了。
方法二:使用擴展運算符
let obj1 = {a: 1} let obj2 = {b: 2} let obj3 = {b: 3, c:4} let objTwo = {...obj1,...obj2,...obj3} console.log(objTwo, obj1, obj2, obj3)
執行結果:
{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
{...obj1,...obj2,...obj3} ...鏈接的形式更加簡單粗暴!
看完了這篇文章,相信你對“es6如何合并對象”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。