JavaScript - aller Anfang

Zurück: jQuery

Verschachtelte Variablen

Die verschiedenen Variablen können auch kombiniert werden. Häufig trifft man zum Beispiel auf Arrays von Objekten.

Array mit Objekten

1 var kontaktListe = [
2 	{name: 'Amy', nummer: '99 999 9999'},
3 	{name: 'Fry', nummer: '88 888 8888'},
4 	{name: 'Bender', nummer: '77 777'}
5 ];

Das Array “kontaktListe” hat 3 Elemente. Diese 3 Elemente sind wiederum Objekte.

Um die Struktur dieser Variable besser zu erforschen, seien hier nochmal die Developer Tools erwähnt. Die Variable kann man in die Konsole einfügen und versuchen damit Daten abzufragen.

1 kontaktListe[0]; // {name: 'Amy', nummer: '99 999 9999'}
2 kontaktListe[0].name; // 'Amy'

Lesbarkeit

Wichtig ist zu verstehen wie man so etwas liest. Die Variable “kontaktListe” ist ein Array. Das heißt die einzelnen Elemente werden mit eckiger Klammer abgefragt kontaktListe[0]. Dadurch erhalten wir in diesem Fall ein Objekt. Von diesem Objekt kann man dann die einzelnen Eigenschaften abfragen kontaktListe[0].name.

Um die Lesbarkeit zu verbessern ist es manchmal besser das Array-Element (das Objekt) zuerst in eine Variable zu schreiben.

1 var ersterKontakt = kontaktListe[0];
2 ersterKontakt.name; // 'Amy'

Spezielle Eigenschaften und Funktionen von Arrays

Arrays bieten abgesehen von den einzelnen Elementen noch andere Eigenschaften und Funktionen. Zwei häufig verwendete sind

Die Eigenschaft “length” gibt die Anzahl der Elemente zurück.

1 kontaktListe.length; // 3

Mittels “push()” hängt man ans Ende eines Arrays ein neues Element an.

1 var neuerKontakt = {
2 	name: "Professor Farnsworth",
3 	nummer: "1 800 PLANET EXPRESS"
4 };
5 
6 kontaktListe.length; // 3
7 kontaktListe.push(neuerKontakt);
8 kontaktListe.length; // 4

Übung in der Konsole

  1. Wie bekommt man das komplette erste Kontakt Objekt?
  2. Wie erhalte ich die Nummer von Bender?
  3. Füge einen neuen Kontakt zur Liste hinzu und kontrolliere ob die Variable korrekt gespeichert wurde.
Weiter: Strings verknüpfen

Inhalt