JS中向?qū)ο笾刑砑訉ο蟮?種方法
前端開發(fā):JS中向?qū)ο笾刑砑訉ο蟮姆椒?/h2>
在JS中向?qū)ο笾刑砑訉ο蟮牟僮鞣椒ù蟾庞腥N:直接添加、使用擴(kuò)展運(yùn)算符…、
Object.assign()方法。
1、直接添加
直接在對象A中添加需要的鍵值對內(nèi)容,具體示例如下所示:
let objectA = { name: 'Tom' }; let key = 'age'; let value = 31; objectA[key] = value; //結(jié)果為:objectA.age = 18 console.log( 'objectA===>',objectA); //輸出結(jié)果為:objectA===> {name: 'Tom', age: 31}
2、使用擴(kuò)展運(yùn)算符…
使用擴(kuò)展運(yùn)算符…實(shí)現(xiàn)對象中添加對象是比較常用的方式,具體示例如下所示:
let objectA = { name: 'Tom' }; let objectB = { age: 31 }; let object = { ...objectA, ...objectB}; console.log( 'object===>',object); //輸出結(jié)果為:object===> {name: 'Tom', age: 31}
3、Object.assign()方法
Object.assign()方法有好幾個用法,主要是用于將所有可枚舉屬性的值從一個或多個源對象復(fù)制到目標(biāo)對象中。這里主要是介紹關(guān)于對象的合并相關(guān)的功能,具體示例如下所示:
let objectA = { name: 'Tom' }; let objectB = { age: 31 }; Object.assign( objectA, objectB); console.log( 'objectA===>',objectA); //輸出結(jié)果為:objectA===> {name: 'Tom', age: 31}
總結(jié)
到此這篇關(guān)于JS中向?qū)ο笾刑砑訉ο蟮?種方法的文章就介紹到這了,更多相關(guān)JS對象添加對象內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
實(shí)例分析瀏覽器中“JavaScript解析器”的工作原理
本文主要對javascript解析器的工作原理進(jìn)行實(shí)例分析,具有很好的參考價值,下面就跟小編一起來看下吧2016-12-12微信小程序?qū)崿F(xiàn)動態(tài)設(shè)置頁面標(biāo)題的方法【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動態(tài)設(shè)置頁面標(biāo)題的方法,涉及微信小程序button組件事件綁定及頁面元素屬性動態(tài)設(shè)置相關(guān)實(shí)現(xiàn)技巧,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下2017-11-11JavaScript獲取網(wǎng)頁、瀏覽器、屏幕高度和寬度匯總
這篇文章主要匯總介紹了JavaScript獲取網(wǎng)頁、瀏覽器、屏幕高度和寬度的方法,非常使用,有需要的小伙伴參考下。2014-12-12微信小程序購物車、父子組件傳值及calc的注意事項(xiàng)總結(jié)
這篇文章主要給大家介紹了關(guān)于微信小程序購物車、父子組件傳值及calc的注意事項(xiàng)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11javascript前端和后臺進(jìn)行數(shù)據(jù)交互方法示例
這篇文章主要介紹了javascript前端和后臺進(jìn)行數(shù)據(jù)交互方法示例,文章通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08