javascript - 如何向现有对象添加元素

Question

我有一个如下所示的对象:

{
id: 6,
url: 'https://google.com',
title: 'abc',
actions: 63,
status: 'active',
method: 'GET',
response_type: 'json' 
}

现在我想在这个对象中再推送一个元素，预期输出如下:

{
id: 6,
url: 'https://google.com',
title: 'abc',
actions: 63,
status: 'active',
method: 'GET',
response_type: 'json',
new_ele: 'new_data'
}

Answer 1

如果你想用最简单的方式做到这一点

var obj = {
id: 6,
url: 'https://google.com',
title: 'abc',
actions: 63,
status: 'active',
method: 'GET',
response_type: 'json' 
}

然后使用obj.new_ele = 'new data'或者如果您的 key 是动态的那么您可以使用obj[new_ele] = '新数据'。

其他，如果您的环境支持 ES6/更高版本的 ES* 语法

使用Object.assign(obj, {new_ele: "新数据"});

即使使用扩展运算符，这也会变成

let newObj = { ...obj, new_ele: 'new data' };