es6如何合并對象

發(fā)布時間：2022-03-08 09:38:21 來源：億速云閱讀：2403 作者：小新欄目：web開發(fā)

小編給大家分享一下es6如何合并對象，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

es6合并對象的方法有：1、利用“Object.assign()”方法，語法“Object.assign(obj1,obj2,obj3)”；2、使用使用擴(kuò)展運(yùn)算符“...”，語法“{...obj1,...obj2,...obj3}”。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

方法一：Es6的 Object.assign() 方法

Object.assign()方法用于對象的合并，將源對象（source）的所有可枚舉屬性，復(fù)制到目標(biāo)對象（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()方法的第一個參數(shù)是目標(biāo)對象，后面的參數(shù)都是源對象。

2、此處obj2里的屬性b被后面的obj3里的屬性b給覆蓋了。

方法二：使用擴(kuò)展運(yùn)算符

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)

執(zhí)行結(jié)果：

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}

{...obj1,...obj2,...obj3} ...鏈接的形式更加簡單粗暴！

看完了這篇文章，相信你對“es6如何合并對象”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

猜你喜歡