jQuery von Kopf bis Fuß (German Edition)
viele Kopien des Objekts anfertigen. Dabei kann jede Kopie unterschiedliche Informationen zur Beschreibung des Objekts enthalten.
F:
F: Es sieht aus, als ob Sie verschiedene Arten verwenden, den Eigenschaften ihre Werte zuzuweisen. Stimmt das?
A:
A: Ja, das stimmt. Sie können einer Eigenschaft ihren Wert entweder mit dem Zuweisungsoperator (=) oder mit dem Doppelpunkt (:) zuweisen, wie bei unseren Objekten. Beide Möglichkeiten sind gültig und gegeneinander austauschbar.
F:
F: Gibt es irgendetwas, das Sie mir noch nicht über Objekte erzählt haben?
A:
A: Das ist nicht so einfach. Objekte sind ein ziemlich komplexer Teil von JavaScript. Später im Buch werden wir die sogenannte JavaScript Object Notation benutzen, kurz JSON. Damit greifen wir auf eine etwas andere Weise auf die Objekte zu, die auch für die hier gezeigten Objekte benutzt werden kann. Das ist die »Schlüssel«-Schreibweise. Anstatt zu schreiben:
object.meine_eigenschaft
können Sie auch schreiben:
object['meine_eigenschaft']
und erhalten das gleiche Ergebnis, nämlich Zugriff auf den Wert der Eigenschaft
meine_eigenschaft
.
F:
F: Wo kommt UML her?
A:
A: UML wurde Mitte der Neunzigerjahre entwickelt, als Firmen versuchten, ein klar verständliches Verfahren zur Beschreibung von Objekten zu entwickeln. Seitdem hat sich UML beständig weiterentwickelt. Dabei haben mehrere private Firmen versucht, ihre Version als akzeptierten Standard zu etablieren. Glücklicherweise gibt es einen einheitlichen Standard: Jeder, der UML verwendet, ist in der Lage, die Diagramme und Informationen auf anderen UML-Quellen zu lesen und zu verstehen.
Sie haben recht.
Wir brauchen eine Möglichkeit, ausgeteilte Karten zu speichern und wieder auszulesen. Zum Glück wissen wir schon, wie das geht ...
Die Rückkehr der Arrays
Wie Sie bereits wissen, können wir mehrere Dinge in einer gemeinsamen Struktur namens Array speichern. Dabei müssen die gespeicherten Dinge nicht unbedingt in einer Beziehung zueinander stehen. Aber der Zugriff auf ihre Werte wird dadurch deutlich einfacher. In Kapitel 4 haben wir uns angesehen, wie ein jQuery-Selektor die Werte eines Arrays zurückgeben kann. Jetzt wollen wir JavaScript direkt benutzen, um Arrays noch nützlicher zu machen.
Die Variablen in einem Array können einen beliebigen Typ haben. Das können Zeichenketten, Zahlen, Objekte und sogar HTML-Elemente sein! Für die Erstellung von Arrays gibt es verschiedene Möglichkeiten:
Wie bereits gesagt, sind Arrays auch Objekte. Und das heißt, dass sie Methoden und Eigenschaften haben. Eine häufig benutzte Array-Eigenschaft heißt
length
. Sie gibt an, wie viele Elemente das Array enthält. Den Wert der
length-
Eigenschaft erhalten Sie per
array_name.length
.
Aufgepasst
Zwischen den verschiedenen Möglichkeiten, ein Array anzulegen, gibt es keinen Unterschied.
Es ist durchaus üblich, unterschiedliche Verfahren zum Erstellen von Arrays zu benutzen, je nachdem, für welchen Zweck das Array benutzt werden soll. Wenn Sie »JavaScript Array-Methoden« in die Suchmaschine Ihrer Wahl eingeben, werden Sie schnell alle Array-Methoden finden.
Auf Arrays zugreifen
Anders als für die Erstellung von Arrays gibt es für den Zugriff auf die darin gespeicherten Informationen nur eine Möglichkeit: über den Index der Elemente. Vergessen Sie dabei nicht, dass die Zählung der Elemente bei null beginnt. Wir haben den Index bereits in Kapitel 3 benutzt. Falls Ihnen das nicht mehr so präsent ist, können Sie es dort jederzeit noch einmal nachlesen.
Der Index eines Listeneintrags bezieht sich auf die Position des Elements in der Liste.
Können wir wohl!
Das Hinzufügen, Ändern und Löschen von Array-Elementen ist ganz einfach. Auf der nächsten Seite erfahren Sie, wie es geht.
Array-Elemente aktualisieren und hinzufügen
Wir können das Array um beliebige Elemente erweitern. Im Beispiel auf den vorigen Seiten haben wir die Arrays
mein_array2
und
mein_array3
bereits mit ein paar Elementen befüllt. Das Array
mein_array1
ist dagegen noch leer. Um einem Array neue Werte hinzuzufügen oder bestehende zu aktualisieren, wird wieder der Index benutzt. Hier sehen Sie verschiedene Möglichkeiten, ein Array zu aktualisieren:
Übung
Erstellen Sie in der Datei meine_skripts.js nach dem Code für das Kartenobjekt ein Array mit dem Namen
kartenspiel
, das alle 52 Karten enthält.
Sie können dafür das bereits erstellte Objekt
karte
benutzen. Sie können für jede Karte den Konstruktor aufrufen
Weitere Kostenlose Bücher