如何将对象添加到数组中

Question

我正在尝试使用addExpense方法将对象添加到费用数组。

 const account = { expenses: [], addExpense: function(description, amount){ let addObject = { description : amount } this.expenses.push(addObject) } } account.addExpense('Shopping', 50) console.log(account.expenses) 

我没有收到任何错误，但是结果给了我一个使用参数名称而不是实际字符串值“ Shopping”的对象。 数量参数工作正常。

[{"description": 50}]

Answer 1

使用计算的属性名称 -方括号中的表达式，其值为键名（在这种情况下为description值）：

let addObject = {
    [description] : amount
}

演示：

 const account = { expenses: [], addExpense: function(description, amount){ let addObject = { [description] : amount } this.expenses.push(addObject) } } account.addExpense('Shopping', 50) console.log(account.expenses) 

Answer 2

现在，您正在静态设置“ description”属性。 您需要一个计算的属性名称 ，如下所示：

let addObject = {
   [description] : amount
}

完整示例：

 const account = { expenses: [], addExpense: function(description, amount){ let addObject = { [description] : amount } this.expenses.push(addObject) } } account.addExpense('Shopping', 50) console.log(account.expenses) 

Answer 3

let account = {
    expenses: [],
    addExpense: function(description, amount){
        let addObject = {};
        addObject[description] = amount
        this.expenses.push(addObject)
    }
}

account.addExpense('Shopping', 50)
console.log(account.expenses)