web-dev-qa-db-fra.com

Quel est le meilleur moyen de créer un tableau d'objets en Javascript?

Je comprends qu'en Javascript, je peux créer un objet comme celui-ci:

var cup = {};

De plus, je peux définir des propriétés comme ceci: 

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

Puis-je créer un tableau de tasses? Par exemple: 

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

Créer un tableau est aussi simple que cela:

var cups = [];

Vous pouvez créer un tableau rempli comme ceci:

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

Vous pouvez ajouter plus d'éléments au tableau comme ceci:

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

Documentation sur le tableau MDN

16
Will P.

Le tableau devrait être comme ça ...

var cup = [];

Après avoir mis des propriétés dans le tableau, ce sera comme ça

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

Et vous pouvez mettre des propriétés comme ça ..

var cup = [];

cup.Push({

   color : 'blue',
   size : 'large',
   type : 'mug'

})

console.log(cup);

4
Darshana Pathum

Tout simplement.

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

En JS, cela donnerait un objet imbriqué, un objet contenant d’autres objets.

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

si vous voulez créer un tableau d'objets, vous pouvez le faire .. comme l'a dit @wachkozaco.

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

ou plus intuitivement

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

Quelque chose comme ceci est typiquement ce que je vois:

var arr = []
for (var n = 0; n < arr.length; n++) {
    arr[n] = {color: null, size: null, type: null}
}

Mais généralement, un modèle comme celui-ci n'est pas nécessaire et vous devez reconsidérer le problème que vous essayez de résoudre.

0
Steven Bayer