JavaScript Arrays Tutorials - Mit Beispielen für Anfänger erklärt

Während wir eine Programmiersprache lernen, stoßen wir auf das Erlernen von Arrays. Arrays sind hilfreich, wenn mehrere verschiedene Werte in einer einzelnen Variablen gespeichert werden müssen. Die Arrays -Anwendung wird an vielen Stellen gesehen, z. B. die Implementierung der Matrizen, Datenstrukturen oder Speichern von Daten in tabellarischer Form.

Das Konzept der Arrays kam von der Anordnung von Objekten im wirklichen Leben. So wie wir Objekte im wirklichen Leben anordnen, können wir die Daten in der Programmierung anordnen. In diesem Beitrag geht es also darum, die Kern- und Grundkonzepte von Arrays in JavaScript zu lernen. Lassen Sie uns eintauchen und ein klares Verständnis für ein Array haben, wie man es erstellt, und verwenden Sie es, um Werte zuzuweisen, zugreifen und ändern.

Was ist ein Array?

Ein Array ist ein variabler Typ in jeder Programmiersprache, mit der mehrere Werte gleichzeitig gespeichert werden. Arrays speichern die Daten in Form von Segmenten, die auch als Elemente des Arrays bezeichnet werden. In einfachen Worten ist ein Array eine Sammlung von Elementen.

Wir verwenden sie normalerweise, um den gleichen Werteart oder die Liste der Elemente an einem Ort/einer Variablen wie dem Namen von Tieren zu speichern ["Löwe", "Bear", "Monkey"] oder Liste der Schüler ["John", "Bob", "Ivan"].

Wir können jedoch mehrere Datentypen in Arrays wie Zeichenfolgen, Ganzzahlen, Arrays oder sogar Funktionen speichern.

Die Array -Typen zur Implementierung sind in vier Typen unterteilt:

• Homogene Arrays
• Heterogene Arrays
• Mehrdimensionale Arrays
• Jagged Arrays

Lassen Sie uns eine kurze Einführung jedes Typs haben.

Homogenes Array:

Das Array, in dem die Elemente vom gleichen Datentyp sind, wird als homogenes Array bezeichnet. Zum Beispiel String-, Ganzzahlen- oder Bool -Werte.

var stringarr = ["John", "Bob", "Ivan"];
var intarr = [23, 45, 67];

Heterogenes Array

Das Array, in dem die Werte mehrerer Datentypen gespeichert sind, wird als heterogenes Array bezeichnet. Zum Beispiel:

var student = ["John", 25, "männlich"]

Mehrdimensionales Array:

Das Array, das weitere Arrays als Elemente enthält, ist als mehrdimensionales Array bekannt. Zum Beispiel Liste der Schüler:

var student = ["John", 25, "männlich"], ["Steve", 21, "männlich"], ["Angela", 22, "weiblich"]]

Jagged Array:

Jagged ist fast das gleiche wie ein mehrdimensional. Das mehrdimensionale Array, in dem die zusätzlichen Arrays -Datensätze nicht einheitlich sind.

var student = ["John"], ["Steve", 21, "männlich"], ["Angela", "weiblich"]

Notiz: Wir werden die Browserkonsole verwenden, um Beispiele zu demonstrieren, die in diesem Beitrag durchgeführt wurden. Um die Browserkonsole zu öffnen:

• Verwenden Sie das F12 -Schlüssel in Chrom und andere Browser auf Chrombasis.
• verwenden Strg + Shift + K -Tastatur Verknüpfungsschlüssel für Mozilla.
• verwenden Option + ⌘ + C -Tastatur Verknüpfungsschlüssel in Safari (Wenn das Entwicklermenü nicht angezeigt wird, öffnen Sie die Einstellungen durch Drücken ⌘ +, und in Advanced Registerkarte Überprüfung “Das Menü entwickeln in der Menüleiste”)).

So erstellen Sie ein Array?

Da JavaScript eine Skriptsprache ist, müssen wir den Typ nicht zuerst deklarieren und einer Variablen einige Werte zuweisen. Wir können den Namen der Variablen direkt schreiben, ohne den Variablen -Datentyp zu erwähnen und Werte zuweisen.

Zum Beispiel:

var Sprachen = ["JavaScript", "Python", "Java"];

Wie man einem Array Werte zuweist?

Obwohl wir beim Erstellen des Array Werte zuweisen können, besteht eine weitere Möglichkeit, Werte zuzuweisen, indem wir bestimmten Indizes Werte zuweisen. Der Ort, an dem ein Element in einem Array vorhanden ist.

Zum Beispiel:

var Sprachen = [];
Sprachen [0] = "JavaScript";
Sprachen [1] = "Python";

Notiz: In Arrays beginnen die Indexnummern mit „0“ (Null):

So ändern Sie den Wert eines Array -Elements?

Der Wert eines in einem Array vorhandenen Elements kann genauso geändert werden, wie wir seine Werte zuweisen können.

Wenn wir beispielsweise den Wert des ersten Index des „Sprachen“ ändern möchten, würde die Anweisung so verlaufen:

Sprachen [0] = "TypeScript";

Eingebaute Array-Eigenschaften und -Methoden:

Der eigentliche Vorteil von JavaScript sind seine integrierten Eigenschaften und Methoden für Arrays. Die häufigsten Array -Eigenschaften und -Methoden, die in JavaScript vorhanden sind, sind:

Array.Länge Eigenschaft:

Der "Array.LängeEigenschaften können verwendet werden, um die Anzahl der in einem Array vorhandenen Elemente/Elemente zu erhalten. Zum Beispiel:

var Sprachen = ["JavaScript", "Python", "Java"];
Konsole.Protokoll (Sprachen.Länge);

Array.Sort () Methode:

Das Array.Sort () Methode Sortiert die Elemente in einem Array in aufsteigender Reihenfolge.

Angenommen, wir haben eine Reihe von drei Programmiersprachen:

var Sprachen = ["JavaScript", "Python", "Java"];

Und wir wollen sie in alphabetischer Reihenfolge sortieren, damit die Sortierfunktion so verläuft:

Lassen Sie SortEdlang = Sprachen.Sortieren();
Konsole.log (sortedlang);

In der Ausgabe können Sie sehen, dass das Array nach gewünschten Sortierung sortiert ist:

So greifen Sie auf die Elemente/Elemente eines Arrays zu?

Auf Array -Elemente können zugegriffen werden, indem die Indexnummer erwähnt wird.

Zum Beispiel möchten wir auf das zweite Element eines Arrays zugreifen. Die Aussage würde so laufen:

lass SecondLuage = Sprachen [1];

Notiz: Die Indexnummer von Array beginnt von Null “0”:

So greifen Sie auf das erste Element/Element eines Arrays zu?

Da beginnen Array -Indizes von “0,"So können wir auf das erste Element eines Arrays zugreifen, indem wir erwähnen"0”In den quadratischen Klammern wie unten gezeigt:

lass firstLuage = Sprachen [0];

So greifen Sie auf das letzte Element/Element eines Arrays zu?

Um den letzten Punkt eines Arrays zu erhalten, das “Array.Länge”Eigentum kommt in Hilfe. Wir können auf das letzte in einem Array vorhandene Element zugreifen, indem wir erwähnen “Array.Länge -1”In den quadratischen Klammern wie unten gezeigt:

lass lastLanguage = Sprachen [Sprachen.Länge - 1];

Wie man durch ein Array schaufelt?

Um alle Elemente in einem Array präsentieren zu lassen, besteht der beste Weg, ein Array zu durchlaufen. Die bequemste und effizienteste Möglichkeiten sind zu verwenden:

• Für Schleife
• Array's Foreach -Methode

Für Schleife:

Alle Elemente mit einer für Schleife zu holen, ist der einfachste Weg. Führen Sie einfach den unten angegebenen Code aus, um das gesamte Array zu durchlaufen und alle Elemente nacheinander zu holen:

var Sprachen = ["JavaScript", "Python", "Java"];
für (lass i = 0; i < languages.length; i++)
const Sprache = Sprachen [i];
Konsole.Protokoll (Sprache);

Im obigen Code können Sie sehen, dass wir verwendet haben Sprachen.Länge Eigenschaft in der bedingten Klausel von für die Schleife, um das gesamte Array zu durchlaufen, ohne die Gesamtzahl der Elemente im Array zu kennen.

Array's Foreach -Methode:

JavaScript Bietet auch die für dieach des Arrays, um das gesamte Array zu durchlaufen. Die Syntax der Verwendung der Verwendung für dieach ist wie folgt:

var Sprachen = ["JavaScript", "Python", "Java"];
Sprachen.foreach (Onelang);
Funktion Onelang (Sprache)
Konsole.Protokoll (Sprache);

Die obige gesetzte Syntax kann mit der unten angegebenen Inline-Rückruffunktion verkürzt werden:

Sprachen.foreach ((Sprache) =>
Konsole.Protokoll (Sprache);
)

Assoziative Arrays in JavaScript?

Assoziative Arrays sind die Arrays, die Indizes benannt haben. JavaScript unterstützt solche Arrays nicht. Wenn Sie dies tun, nimmt JavaScript es als Objekt an, und die Methoden und Eigenschaften des Arrays werden nicht dafür gelten.

JavaScript -Arrays sind Objekte:

Ja, die Art von Array in JavaScript ist Objekt. Deshalb können die Arrays verschiedene Variablenarten halten. Arrays können Objekte, Funktionen und sogar Arrays innerhalb eines Arrays als Element halten.

Wenn wir das verwenden Typof Operator über eine Array -Variable:

var Sprachen = ["JavaScript", "Python", "Java"];
Konsole.log (typeof (Sprachen));

Es wird zeigen, dass die Art von “SprachenArrayvariable ist ein Objekt.

Es gibt jedoch noch einige konzeptionelle Unterschiede zwischen Arrays und Objekten:

Unterschied zwischen Arrays und Objekten:

• In Arrays werden die Indizes mit Zahlen bezeichnet.
• Während in Objekten die Indizes mit Namen (Zahlen oder Alphabete) bezeichnet werden können, können sie bezeichnet werden.

Es ist also besser, den richtigen variablen Typ am richtigen Ort auszuwählen:

• Verwenden Sie Arrays, wenn Sie eine große Liste von Elementen haben.
• Verwenden Sie Objekte, wenn Sie den Indizes Namen zuweisen müssen.

Es stellt sich nun die Frage, wie Sie identifizieren können, ob eine Variable ein Objekt oder ein Array ist.

So identifizieren Sie eine Array -Variable?

Zum Identifizieren ist entweder eine Variable ein Array oder nicht, JavaScript bietet eine Array.isarray () Funktion.

Zum Beispiel:

var Sprachen = ["JavaScript", "Python", "Java"];
Konsole.Protokoll (Array.Isarray (Sprachen));

Der obige Code gibt True zurück.

Notiz: Der Array.isarray () Funktion wurde eingeführt in ECMascript 5.

Abschluss

Dieser Beitrag enthält alle grundlegenden und notwendigen Kenntnisse, die für den Einstieg mit Arrays in JavaScript erforderlich sind. Wir stellen zuerst vor, was Arrays sind, dann haben wir gelernt, wie man die Werte eines Arrays erstellt, zuordnet und ändert.

Darüber hinaus haben wir einige grundlegende integrierte Eigenschaften und Funktionen von Arrays in JavaScript gelernt, um mit Arrays interaktiver zu werden. Am Ende haben wir den Datentyp des Arrays und den Unterschied zwischen Arrays und Objekten im Detail besprochen.