第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

Javascript對(duì)象插入數(shù)據(jù)而不破壞

Javascript對(duì)象插入數(shù)據(jù)而不破壞

德瑪西亞99 2022-10-08 18:07:40
所以假設(shè)我有四個(gè)組件，三個(gè)孩子和一個(gè)父母。parentObject = {}childOneObject = {starTime, endTime}childTwoObject = {color, theme, junk}childThreeObject = {starsInSky, wheelsOnCar, shoesOnFeet}parentObject 應(yīng)該由所有這些值組成以最終提交。在第一個(gè)組件結(jié)束時(shí)，用戶將提交他們的數(shù)據(jù)，并將其添加到 parentObject。看起來像這樣parentObject = childOneObject用戶將繼續(xù)執(zhí)行第二步并提交與第一步相同的信息，但如果我寫 parentObject = childTwoObject原始數(shù)據(jù)顯然被破壞了。我想知道是否有一種方法可以將數(shù)據(jù)塊插入到對(duì)象中，而不會(huì)破壞舊數(shù)據(jù)或不必逐行定位對(duì)象，例如parentObject.startTime = 5:00我不喜歡這樣做，因?yàn)檫@對(duì)我來說很麻煩。
查看完整描述

4 回答

?
慕妹3146593

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超9個(gè)贊

只需將它們?nèi)糠峙湓诟讣?jí)之上……

let parentObject = {}

let childOneObject = {startTime: 0, endTime: 1}

let childTwoObject = {color: 'red', theme: 'dark', junk: true}

let childThreeObject = {starsInSky: Number.MAX_VALUE, wheelsOnCar: 4, shoesOnFeet: 2}


Object.assign(parentObject, childOneObject, childTwoObject, childThreeObject)


console.log(parentObject)



查看完整回答
反對(duì) 回復(fù) 2022-10-08
?
翻翻過去那場雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊

您可以使用擴(kuò)展運(yùn)算符。該運(yùn)算符將子對(duì)象與父對(duì)象合并


const parentObject = {};

parentObject = { ...parentObject, ...childOneObject };

parentObject = { ...parentObject, ...childTwoObject };

parentObject = { ...parentObject, ...childThreeObject };

你也可以一步完成


const parentObject = {};

parentObject = { ...parentObject, ...childOneObj, ...childTwoObj, ...childThreeObj };




查看完整回答
反對(duì) 回復(fù) 2022-10-08
?
LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

在展開運(yùn)算符的幫助下，這非常簡單。


// Inital  

parentObject = {}

//Step 1:

childOneObject = {starTime, endTime}

parentObject = {...childOneObject};

// Step 2

childTwoObject = {color, theme, junk}

parentObject = {...parentObject, ...childTwoObject}

// Step 3

childThreeObject = {starsInSky, wheelsOnCar, shoesOnFeet}

parentObject = {...parentObject, ...childThreeObject}


查看完整回答
反對(duì) 回復(fù) 2022-10-08
?
慕無忌1623718

TA貢獻(xiàn)1744條經(jīng)驗(yàn) 獲得超4個(gè)贊

const parentObject = {}

const childOneObject = {starTime: 0, endTime: 1}

const childTwoObject = {color:'red', theme:'dark', junk:false}

const childThreeObject = {starsInSky:2, wheelsOnCar:4, shoesOnFeet:2}


const assignKeyVals = (parent, child) => {

   Object.entries(child).forEach(([key,val]) => parent[key] = val)

}


assignKeyVals(parentObject, childOneObject)

assignKeyVals(parentObject, childTwoObject)

assignKeyVals(parentObject, childThreeObject)


console.log(parentObject)


查看完整回答
反對(duì) 回復(fù) 2022-10-08
  • 4 回答
  • 0 關(guān)注
  • 166 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)