JS中向對象中添加對象的3種方法
更新時間：2023年07月20日 11:38:40 作者：David__Cui
這篇文章主要給大家介紹了關于JS中向對象中添加對象的3種方法,在JavaScript中對象可以通過兩種方法添加對象,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
前端開發(fā)：JS中向對象中添加對象的方法
在JS中向對象中添加對象的操作方法大概有三種：直接添加、使用擴展運算符…、
Object.assign()方法。
1、直接添加
直接在對象A中添加需要的鍵值對內容，具體示例如下所示：
let objectA = {
name: 'Tom'
};
let key = 'age';
let value = 31;
objectA[key] = value; //結果為：objectA.age = 18
console.log( 'objectA===>',objectA); //輸出結果為：objectA===> {name: 'Tom', age: 31}2、使用擴展運算符…
使用擴展運算符…實現(xiàn)對象中添加對象是比較常用的方式，具體示例如下所示：
let objectA = {
name: 'Tom'
};
let objectB = {
age: 31
};
let object = { ...objectA, ...objectB};
console.log( 'object===>',object); //輸出結果為：object===> {name: 'Tom', age: 31}3、Object.assign()方法
Object.assign()方法有好幾個用法，主要是用于將所有可枚舉屬性的值從一個或多個源對象復制到目標對象中。這里主要是介紹關于對象的合并相關的功能，具體示例如下所示：
let objectA = {
name: 'Tom'
};
let objectB = {
age: 31
};
Object.assign( objectA, objectB);
console.log( 'objectA===>',objectA); //輸出結果為：objectA===> {name: 'Tom', age: 31}總結
到此這篇關于JS中向對象中添加對象的3種方法的文章就介紹到這了,更多相關JS對象添加對象內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關文章
作為前端開發(fā),JS是重中之重,下面這篇文章主要給大家介紹了關于JavaScript常見手寫題的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
如何實現(xiàn)瀏覽器上的右鍵菜單...2006-07-07
這篇文章主要介紹了JavaScript中setter和getter方法介紹的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家介紹了three.js實現(xiàn)3d全景看房示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
uniapp發(fā)送formdata表單請求2種方法(全網(wǎng)最簡單方法)
這篇文章主要給大家介紹了關于uniapp發(fā)送formdata表單請求2種方法的相關資料,本文介紹的方法應該是全網(wǎng)最簡單方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了如何在CocosCreator里畫個炫酷的雷達圖，對Graphics感興趣的同學，一定要看看，并且把代碼實踐一下2021-04-04
JavaScript具有很好的模塊和方法來發(fā)送可用于從服務器端資源發(fā)送或接收數(shù)據(jù)的HTTP請求。這篇文章主要介紹了JavaScript中發(fā)出HTTP請求最常用的方法,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了javascript事件冒泡實原理,實例分析了事件冒泡的定義及實現(xiàn)技巧,需要的朋友可以參考下2015-05-05
JavaScript實現(xiàn)替換字符串中最后一個字符的方法
這篇文章主要介紹了JavaScript實現(xiàn)替換字符串中最后一個字符的方法,涉及javascript字符串的轉換與運算相關操作技巧,需要的朋友可以參考下2017-03-03
遍歷是指按照某種順序逐一訪問數(shù)據(jù)結構（如數(shù)組、對象等）中的每個元素的過程,這篇文章主要介紹了JS中24種遍歷方法從基礎到進階的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-11-11