Javascript对象插入数据而不销毁

假设我有四个部分，三个孩子和一个家长

parentObject = {}
childOneObject = {starTime, endTime}
childTwoObject = {color, theme, junk}
childThreeObject = {starsInSky, wheelsOnCar, shoesOnFeet}

parentObject应该由所有这些值组成，以便最终提交

在第一个组件的末尾，用户将提交他们的数据，并将其添加到parentObject。看起来像这样

parentObject = childOneObject

用户将继续执行第二步，并提交与第一步相同的信息，但如果我写 parentObject=childTwoObject

原始数据显然已被破坏我想知道是否有一种方法可以将数据块插入到对象中，而不必破坏旧数据，也不必像

parentObject.startTime = 5:00

我不喜欢这样做，因为这对我来说很麻烦。

您可以使用operator。此运算符将子对象与父对象合并

const parentObject = {};
parentObject = { ...parentObject, ...childOneObject };
parentObject = { ...parentObject, ...childTwoObject };
parentObject = { ...parentObject, ...childThreeObject };

你也可以一步完成

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

您可以使用运算符。此运算符将子对象与父对象合并

const parentObject = {};
parentObject = { ...parentObject, ...childOneObject };
parentObject = { ...parentObject, ...childTwoObject };
parentObject = { ...parentObject, ...childThreeObject };

你也可以一步完成

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

只是他们都在父母的身上

让parentObject={}
让childOneObject={startTime:0，endTime:1}
让childTwoObject={color:'red'，theme:'dark'，junk:true}
让childThreeObject={starsInSky:Number.MAX_值，wheelsOnCar:4，shoesOnFeet:2}
赋值（parentObject、childOneObject、childTwoObject、childTwoObject）
console.log（parentObject）

仅将它们全部放在父对象之上

让parentObject={}
让childOneObject={startTime:0，endTime:1}
让childTwoObject={color:'red'，theme:'dark'，junk:true}
让childThreeObject={starsInSky:Number.MAX_值，wheelsOnCar:4，shoesOnFeet:2}
赋值（parentObject、childOneObject、childTwoObject、childTwoObject）
console.log（parentObject）

这是非常简单的帮助下，一个

这是非常简单的帮助下，一个

constparentobject={}
const childOneObject={starTime:0，endTime:1}
const childTwoObject={颜色：'red'，主题：'dark'，垃圾：false}
const childThreeObject={starsInSky:2，wheelsOnCar:4，shoesOnFeet:2}
常量assignKeyVals=（父级、子级）=>{
Object.entries（child.forEach（（[key，val]）=>parent[key]=val）
}
assignKeyVals（父对象、子对象）
assignKeyVals（parentObject，childTwoObject）
assignKeyVals（parentObject、childThreeObject）
console.log（parentObject）

constparentobject={}
const childOneObject={starTime:0，endTime:1}
const childTwoObject={颜色：'red'，主题：'dark'，垃圾：false}
const childThreeObject={starsInSky:2，wheelsOnCar:4，shoesOnFeet:2}
常量assignKeyVals=（父级、子级）=>{
Object.entries（child.forEach（（[key，val]）=>parent[key]=val）
}
assignKeyVals（父对象、子对象）
assignKeyVals（parentObject，childTwoObject）
assignKeyVals（parentObject、childThreeObject）
console.log（parentObject）

Upvoting用于

Number.MAX\u值

用于

starsInSky

Upvoting用于

Number.MAX\u值

用于

starsInSky

// Step 2
childTwoObject = {color, theme, junk}
parentObject = {...parentObject, ...childTwoObject}

// Step 3
childThreeObject = {starsInSky, wheelsOnCar, shoesOnFeet}
parentObject = {...parentObject, ...childThreeObject}