JavaScript如何合并多個(gè)對(duì)象

發(fā)布時(shí)間：2022-03-22 10:06:52 來源：億速云閱讀：479 作者：小新欄目：開發(fā)技術(shù)

這篇文章主要介紹JavaScript如何合并多個(gè)對(duì)象，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

您可能需要將兩個(gè)對(duì)象合并在一起，并創(chuàng)建一個(gè)更好的、內(nèi)容更豐富的對(duì)象來使用。為此，您可以使用擴(kuò)展運(yùn)算符...（對(duì)的，就是三個(gè)點(diǎn)?。?/p>

分別考慮 emp 和 job 這兩個(gè)對(duì)象，

let emp = { 'id': 'E_01', 'name': 'Jack', 'age': 32, 'addr': 'India'};let job = { 'title': 'Software Dev',  'location': 'Paris'};復(fù)制代碼

使用擴(kuò)展運(yùn)算符將它們合并為

// spread operatorlet merged = {...emp, ...job};console.log('Spread merged', merged);復(fù)制代碼

還有另一種實(shí)現(xiàn)合并的方法。你可以像下面這樣使用 Object.assign()：

console.log('Object assign', Object.assign({}, emp, job));復(fù)制代碼

輸出結(jié)果：

JavaScript如何合并多個(gè)對(duì)象

注意，擴(kuò)展運(yùn)算符和 Object.assign 都執(zhí)行淺合并。在淺合并中，第一個(gè)對(duì)象的屬性將被第二個(gè)對(duì)象的相同屬性值覆蓋。

要進(jìn)行深度合并，可以考慮使用 lodash 中的 _merge。

以上是“JavaScript如何合并多個(gè)對(duì)象”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

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

猜你喜歡