Objekte in Arrays

Aus ProgrammingWiki

Archivierte Version vom 2017-04-22T19:42:31+00:00. Aktuelle Version

Gleichartige Objekte können in Arrays zusammengefasst werden.

Beispiel 1

Das Array personen enthält 3 Person-Objekte:

var personen = [ {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"}, 
                 {vorname: "Igor", name: "Ochirov", alter: 25, geschlecht: "m"},  
                 {vorname: "Marta", name: "Kowalska", alter: 15, geschlecht: "w"} 
               ];

//Gib die Anzahl der Objekte im Array aus:
console.log(personen.length);

Das Array wird durch eckige Klammern [] begrenzt. Die Objekte im Array werden durch Kommas voneinander getrennt.

Beispiel 2

Wir können auf die Eigenschaften eines Objektes im Array zugreifen.

Beispiel: Der Vorname des ersten Objektes im Array soll angezeigt werden.

console.log(personen[0].vorname);

Beispiel 3

Mit einer for-Schleife können wir alle Objekte eines Arrays "besuchen".

Beispiel: Die Vornamen aller Objekte im Array sollen angezeigt werden.

for(var i=0; i<personen.length; i++){
  
   console.log(personen[i].vorname);
}

Sie können auch mit einer Hilfsvariable arbeiten. Folgende Variante ist z.B. ebenfalls gültig:

for(var i=0; i<personen.length; i++){
   
   //Speichere das Objekt an der Position i in der Variable p
   var p = personen[i];  //p ist nun eine Referenz auf das Person-Objekt an der Position i
   console.log(p.vorname);
}

Beispiel 4

Mit einer for-Schleife können wir bestimmte Eigenschaften für alle Objekte eines Arrays ändern.

Beispiel: Gegeben ist ein Array mit Buch-Objekten. Bei allen Büchern soll der Preis um 10 (Euro) erhöht werden.

var buecher =  [ {autor: "Paul Hans", titel: "Erfolgreiche Kaninchenzucht", preis: 25.49, anzahlSeiten: 650},
                 {autor: "Paul Hans", titel: "Erfolgreiche Kaninchenzucht - Band 2", preis: 35.49, anzahlSeiten: 780}, 
                 {autor: "Sabine Wittek", titel: "Mit Hunden reden", preis: 15.99, anzahlSeiten: 350},  
                 {autor: "Igor Ochirov", titel: "Weltreisen für Individualisten", preis: 95.99, anzahlSeiten: 420}, 
                 {autor: "Lakazel", titel: "Sterne fotografieren", preis: 45.99, anzahlSeiten: 100}, 
               ];

for(var i=0; i< buecher.length; i++){

  buecher[i].preis = buecher[i].preis + 10; //alternativ: buecher[i].preis += 10;
  
  console.log(buecher[i].preis);
}

Beispiel 5

Das Ändern oder Anzeigen von Eigenschaften kann unter bestimmte Bedingungen gestellt werden.

Beispiel: Alle Titel der Bücher von Paul Hans sollen angezeigt werden.

for(var i=0; i<buecher.length; i++){
  
   //Speichere das Objekt an der Position i in der Variable b
   var buch = buecher[i];

   if(buch.autor == "Paul Hans"){

     console.log(buch.titel);
   }

}

Beispiel 6

Objekte eines Arrays, die bestimmte Eigenschaften besitzen, können in ein zweites Array kopiert werden. Das zweite Array ist dann eine "gefilterte" Version von dem ursprünglichen Array.

Beispiel: Alle Bücher mit mehr als 400 Seiten werden in das Array dicke_buecher kopiert.

var dicke_buecher = [];

for(var i=0; i<buecher.length; i++){

  var buch = buecher[i];

  if(buch.anzahlSeiten > 400){

    dicke_buecher.push(buch);
  }
}

//Wie viele Bücher sind nun in dem gefilterten Array drin?
console.log(dicke_buecher.length);

Objekte in Arrays

Suche