在Javascript中创建对象数组的最佳方法是什么？

Question

据我所知,在Javascript中,我可以创建一个这样的对象:

var cup = {};

此外,我可以设置这样的属性:

cup.color = 'Blue';
cup.size = 'Large';
cup.type = 'Mug';

我可以创建一系列杯子吗？例如:

cup[0].color = 'Blue';
cup[1].size = 'Large';
cup[2].type = 'Mug';

Answer 1

创建数组就像这样简单:

var cups = [];

您可以像这样创建一个填充的数组:

var cups = [
    {
        color:'Blue'
    },
    {
        color:'Green'
    }
];

您可以向数组中添加更多项目,如下所示:

cups.push({
    color:"Red"
});

"W3"非常具有误导性,请参考语言规范或[*MDN*](https://developer.mozilla.org/en-US/docs/Glossary/array)以获取示例和支持. (2认同)

Answer 2

简单的说。

cup[0].color = 'Blue';
cup[1].size = 'Large';
cup[2].type = 'Mug';

在 JS 中，这将导致作为嵌套对象，一个包含其他对象的对象

cup = {
    0: {
       color: 'Blue'
    },
    1: {
       size: 'Large'
    },
    2: {
       color: 'Mug'
    }
}

如果你想创建对象数组，你可以做..正如@wachkozaco所说。

var cup = [{color:'Blue',size:'Large',type:'Mug'},{color:'Red',size:'S??mall',type:'Cup'}]

或更直观

var cup = [];
var obj = {color: 'Red', size: 'small', type: 'Cup'};
cup[0] = obj; // also cup.push(obj);

Answer 3

数组应该是这样的...

var cup = [];

将属性放入数组后，将像这样

[
  {
    "color": "blue",
    "size": "large",
    "type": "mug"
  }
]

您可以放置这样的属性。

var cup = [];