2016-12-20 5 views
3

Ich verstehe, dass in Javascript, ich ein Objekt wie folgt erstellen:Was ist der beste Weg, um ein Array von Objekten in Javascript zu erstellen?

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

Kann ich erstellen eine Reihe von Tassen:

var cup = {}; 

Außerdem habe ich Eigenschaften wie diese einstellen kann? Zum Beispiel:

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

Dies würde ein Array von Objekten sein. 'var cups = [{color: 'Blau', Größe: 'Large', Typ: 'Mug'}, {Farbe: 'Red', Größe: 'Small', Typ: 'Glass'}]' – wackozacko

Antwort

10

ein Array zu erstellen ist so einfach wie diese:

var cups = []; 

Sie können eine besiedelten Array wie folgt erstellen:

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

Sie können weitere Elemente in dem Array hinzufügen wie folgt:

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

MDN array documentation

+0

Perfekt! Genau das, was ich gesucht habe. – cleverpaul

+1

"W3" ist sehr irreführend, bitte verweisen Sie entweder auf die Sprachspezifikation oder auf [* MDN *] (https://developer.mozilla.org/en-US/docs/Glossary/array) für Beispiele und Unterstützung. – RobG

+1

Ich habe den Link aktualisiert –

0

So etwas ist in der Regel, was ich sehe:

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

Aber in der Regel ein Muster wie das ist nicht notwendig, und Sie sollen das Problem Sie zu lösen versuchen, überdenken.

0

Einfach gesagt.

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

In JS dies in als verschachtelte Objekt führen würde, ein Objekt mit anderen Objekten

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

, wenn Sie Array von Objekten erstellen möchten Sie tun können .. wie @wachkozaco sagte.

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

oder intuitive

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