Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript Grundkurs

Erzeugen eines Arrays

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Ein Array wird in JavaScript anders erzeugt als eine normale Variable. Neben dem Namen muss dem System auch kenntlich gemacht werden, dass eine ganze Sammlung an Variablen vorliegt. Dazu gibt es verschiedene Wege und diese lernen Sie hier kennen.
04:36

Transkript

Eine ganz wichtige Struktur in JS sind Arrays. Sind vor Allem deswegen wichtig, weil auch Objekte in ihrem Aufbau eigentlich nur solche arrays sind. erst einmal können sie sich aber ein Array einfach vorstellen als eine Sammlung von Variablen, die alle über einen gemeinsamen Namen angesprochen werden. Und das ist immer dann von Vorteil, wenn man eine Reihe von gleichartigen oder zusammengehörigen Informationen speichern möchte und diese über einen Namen und irgendeinen Index dann ansprechen möchte. Es gibt also quasi immer nue einen Variablenbezeichner über den man aber auf mehrere elemente zugreifen kann, indem man einen Index verwendet. Bei Schleifen ist so etwas auch von großen Vorteil. Wie scheun uns jetzt an, wie Sie in JS Arrays erzeugen können. Dort gibt es drei grundsätzlich gleichwertige Vorgehensweisen. Gleichwertigen sofer, dass es Resultat in jedem Fall ein Array sein wird. Variante 1 nutzt einen sogenannten Konstruktor. Ein Konstruktor stammt aus der objektorientierten Programmierung und wird da noch genauer erläutert. Bisher können Sie sich das einfach so vorstellen, dass man eine gewisse Syntax hier notiert und damit ein array erzeugt. Sie sehen das Schlüsselwort new und hier den Namen einer Klasse, was auch imemr jetzt eine klasse bedeutet. Und diesen Namen folg ein Klammerpaar. Das sind runde Klammer. Damoit haben Sie einen array erzeugt, dass allerding momentan noch keinen Inhalt hat. Sie können hier auch theoretisch eine Größe vorgeben, wieviele Elemente in diesem Array gespeichert werden, aber das macht man nicht, denn die Größe des Arrays wird ergeben, wenn man das array letztendlich füllt. Die zweite Variante, wie man einen Array erzeugen kann, ist mit einer direkten Initialisierung. Daszu schreibt man in JavaScript eckige Klammern hin. Das erzeugt bereits ein Array. Allerdings natürlich auch hier mit keinem Inhalt. Oder besser ausgedrückt ohne Inhalt, ohne dass Elemente drin sind. Hier wird man sehr oft eine solche Vorgehensweise sehen. Das heißt man macht die eckigen Klammern und schreibt dann bereits durch Komma getrennt die Inhalte des Arrays hin. das heißt jetzt haben Sie einen Array mit sechs Elementen. Geben wir nun den Namen 3. Und schauen uns noch eine Vraiante an. Auch das ist eine Abart der zweiten Versuion. sie können in einem Datenfeld, in einem Array, in JS unterschiedliche Datentypen unterbringen. Die lose Typisierung von JS sorgt dafür, dass es überhaupt kein Problem ist verschiedene Datentypen innerhalb eines Arrays zu verwalten. In anderen Sprachen nennt man so etwas ein Recode, aber das ist in JS aufgrund der losen Typisierung sowieso eben immer unmöglich. die dritte Form, wie man in JavaScript ein Datenfeld anlegen kann hat sich in den letzten Jahren zum heimlichen Star von JS gemausert. man schreibt einfach mit geschweiften Klammern das Array hin. Das ist auch eine literale erzeugen, ähnlich wie die eckigen Klammern, aber hier wird man in der Regel bereits einen Index notieren und dann mit Doppelpunkt getrennt den zugehörigen Wert. Das erlaubt es, sprechende Indizies zu vergeben. Sie können hier auch im Prinzip Zahlen eintragen, aber man nimmt es normalerweise für sprechende Indizies. Das ist ein assoziiertes Array, sowie man es in anderen Sprachen nennt. Und das wird auch eine Struktur sein, die man bei Objekten wiederfindet. Von daher nennt man diese Art der Arrayerzeugung in JS Objektnotation oder JSON. JSON hat den Bereich von JavaScript mittlerweile verlassen. So zu sagen für den eigenes Leben und ist das populärste Format, wie man mittlerweile mit Klartext Daten austauscht. Vollkommen unabhängig von javaScript. Alle 3 Wege wie gesagt erzeugen aber gleichwertig ein Array.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!