JS中向?qū)ο笾刑砑訉?duì)象的3種方法
前端開(kāi)發(fā):JS中向?qū)ο笾刑砑訉?duì)象的方法
在JS中向?qū)ο笾刑砑訉?duì)象的操作方法大概有三種:直接添加、使用擴(kuò)展運(yùn)算符…、
Object.assign()方法。
1、直接添加
直接在對(duì)象A中添加需要的鍵值對(duì)內(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)對(duì)象中添加對(duì)象是比較常用的方式,具體示例如下所示:
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()方法有好幾個(gè)用法,主要是用于將所有可枚舉屬性的值從一個(gè)或多個(gè)源對(duì)象復(fù)制到目標(biāo)對(duì)象中。這里主要是介紹關(guān)于對(duì)象的合并相關(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ū)ο笾刑砑訉?duì)象的3種方法的文章就介紹到這了,更多相關(guān)JS對(duì)象添加對(duì)象內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
實(shí)例分析瀏覽器中“JavaScript解析器”的工作原理
本文主要對(duì)javascript解析器的工作原理進(jìn)行實(shí)例分析,具有很好的參考價(jià)值,下面就跟小編一起來(lái)看下吧2016-12-12javascript 程序庫(kù)的比較(一)之DOM功能
javascript 程序庫(kù)的比較(一)之DOM功能2010-04-04微信小程序?qū)崿F(xiàn)動(dòng)態(tài)設(shè)置頁(yè)面標(biāo)題的方法【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)設(shè)置頁(yè)面標(biāo)題的方法,涉及微信小程序button組件事件綁定及頁(yè)面元素屬性動(dòng)態(tài)設(shè)置相關(guān)實(shí)現(xiàn)技巧,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下2017-11-11Promise對(duì)象all與race方法手寫(xiě)示例
這篇文章主要為大家介紹了Promise對(duì)象all與race方法手寫(xiě)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12Javascript 同時(shí)提交多個(gè)Web表單的方法
1 問(wèn)題來(lái)自一位網(wǎng)友的提問(wèn): web頁(yè)面里有多個(gè)表單,每個(gè)表單對(duì)應(yīng)著某一類(lèi)數(shù)據(jù)操作。2009-02-02JavaScript獲取網(wǎng)頁(yè)、瀏覽器、屏幕高度和寬度匯總
這篇文章主要匯總介紹了JavaScript獲取網(wǎng)頁(yè)、瀏覽器、屏幕高度和寬度的方法,非常使用,有需要的小伙伴參考下。2014-12-12微信小程序購(gòu)物車(chē)、父子組件傳值及calc的注意事項(xiàng)總結(jié)
這篇文章主要給大家介紹了關(guān)于微信小程序購(gòu)物車(chē)、父子組件傳值及calc的注意事項(xiàng)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11javascript前端和后臺(tái)進(jìn)行數(shù)據(jù)交互方法示例
這篇文章主要介紹了javascript前端和后臺(tái)進(jìn)行數(shù)據(jù)交互方法示例,文章通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08