如何為 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

在 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 2

使用 ES6 擴展運算符：

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

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";
}

Answer 4

我會使用對象構造函數。 看起來像這樣：

function someVar (color,fontSize, fontWeight){
    this.color = color,
    this.fontSize = fontSize,
    this.fontWeight = fontWeight
};
var var1 = new someVar("red","12px","45px");

Answer 5

var myvar ={};
myvar['color']='red';
myvar['width'] ='100px';
alert(myvar.color);

或alert(myvar['color']);