将动态属性添加到 javaScript object 中的现有子属性

Question

我知道这听起来很简单，但在这种情况下尤其如此。 假设我有一个 object

let garageForm = {}

我知道如果我想添加属性，我可以使用以下方法

Object.defineProperty(params...)
Obj.property=value
Obj[prop]=value

如果我使用最后一种方法添加属性，它可以正常工作，例如

let key='garage'
let garageDetails = {
    nameEnglish:'Mirqab',
    others:'someProps',
}
garageForm[key]=garageDetails

//outputs of garageForm is as follows
garage: {nameEnglish: "Mirqab", others: "someProps"}

现在真正的问题在这里，我想将动态属性添加到我的garageForm object 的garage属性中，如果我使用上面相同的方法，我不会得到我想要的结果

let ownerKeyName = 'garage.owner'
let ownerValue = {name: 'foo',phone: '123'}
garageForm[ownerKeyName] = ownerValue

现在如果打印我的garagForm object 的值，它显示如下

{garage: {…}, garage.owner: {…}}

而我希望我的结果看起来像这样

garage: {nameEnglish: "Mirqab", others: "someProps", owner: {…}}

这意味着我希望新添加的属性是garageForm.garage而不是garageForm本身。

我怎样才能达到我需要的 output 提前谢谢

Answer 1

你可以这样做：

let garageDetails = {
    nameEnglish:'Mirqab',
    others:'someProps',
}
const garageForm = { garage: garageDetails };
garageForm.garage.owner = {name: 'foo',phone: '123'};

如果您需要动态值：

let garageDetails = {
    nameEnglish:'Mirqab',
    others:'someProps',
}
const key='garage';
const garageForm = {};
garageForm[key] = garageDetails;

const ownerKey = 'owner';
garageForm[key][ownerKey] = {name: 'foo',phone: '123'};