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

10多年專注成都網(wǎng)站制作，成都企業(yè)網(wǎng)站建設(shè)，個人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站建設(shè),高端網(wǎng)頁制作,對成都玻璃隔斷等多個行業(yè)，擁有多年的網(wǎng)站推廣經(jīng)驗(yàn)。

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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站題目：es6如何合并對象
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article46/ppsoeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、建站公司、虛擬主機(jī)、移動網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)