如何为JavaScript对象分配多个值？

Question

假设我有一个具有键/值对的对象，如下所示：

var someVar = {
    color: "white",
    font_size: "30px",
    font_weight: "normal"
...some more variables and functions
};

有没有一种方法可以对这些键进行多次分配，而不必执行以下操作：

someVar.color = "blue";
someVar.font_size = "30px";
...

Answer 1

使用 ES6 扩展运算符：

someVar = {...someVar, color: "blue", font_size: "30px"}

Answer 2

借助ES2015，您可以使用Object.assign：

const someVar = {
    color: "white",
    font_size: "30px",
    font_weight: "normal"
};

const newVar = Object.assign({}, someVar, { 
    color: "blue", 
    font_size: "30px"});

console.log(newVar);

=>

{
    color: "blue",
    font_size: "30px",
    font_weight: "normal"
}

Answer 3

您可以循环另一个对象：

var thingsToAdd = {
    color: "blue",
    font_size: "30px"
};
for (var x in thingsToAdd) someVar[x] = thingsToAdd[x];

或者，您可以使用with（警告：这几乎肯定是一个坏主意！请参阅链接。我仅出于教育目的发布此内容；您几乎不应该在生产代码中使用with！）：

with (someVar) {
    color = "blue";
    font_size = "30px";
}