Javascript-Arrays verstehen

Arrays sind eine der leistungsfähigsten und am weitesten verbreiteten Datenstrukturen von JavaScript. Sie funktionieren wie Zauberkästen und ermöglichen es Ihnen, viele Werte in einer einzigen Variablen zu speichern. Egal, ob Sie eine einfache App entwickeln oder an komplexen Projekten arbeiten, Arrays sind Ihr Werkzeug der Wahl.

Lassen Sie uns Arrays anhand einfacher Beispiele und praktischer Anwendungsfälle Schritt für Schritt aufschlüsseln. ?

? Was ist ein Array?

Ein Array ist eine spezielle Variable, die mehr als einen Wert enthalten kann.

❓ Wie erstelle ich ein Array?
Die Verwendung eines Array-Literals ist der einfachste Weg, ein JavaScript-Array zu erstellen.
⭐ Syntax:

 const array_name = [value1, value2, ...];       

? Beispiel:

const languages = ["JavaScript", "PHP", "Python"];

✍️ Erklärung:

• Sprachen ist ein Array.
• Es enthält drei Werte: „JavaScript“, „PHP“ und „Python“.
• Jeder Wert hat eine Position (Index genannt).

? Array-Index verstehen
Array-Indizes beginnen bei 0. So greifen Sie auf die Elemente zu:

console.log(languages[0]); // Output: JavaScript
console.log(languages[1]); // Output: PHP
console.log(languages[2]); // Output: Python

? Iterieren über ein Array

Sie können Schleifen verwenden, um alle Elemente in einem Array zu durchlaufen. Die forEach()-Methode ist einfach und anfängerfreundlich.
? Beispiel:

languages.forEach(function(language, index) {
  console.log(index +" => "+ language);
});
/* Output:
0 => JavaScript
1 => PHP
2 => Python
*/

? Array-Methoden und -Eigenschaften

Hier sind einige coole Methoden und Eigenschaften zum Spielen mit Arrays:
1️⃣ Länge Eigenschaft
Es gibt die Länge eines Arrays zurück, also die Anzahl seiner Elemente.
? Beispiel:

let length = languages.length; 
console.log(length); // Output: 3

2️⃣ push()-Methode
Zum Hinzufügen eines neuen Elements am Ende.
? Beispiel:

languages.push("Java");
console.log(languages); // Output: ['JavaScript', 'PHP', 'Python', 'Java']

3️⃣ unshift()-Methode
Zum Hinzufügen eines neuen Elements am Anfang.
? Beispiel:

languages.unshift("C");
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python', 'Java']

4️⃣ pop()-Methode
Um das letzte Element zu entfernen.
? Beispiel:

languages.pop();
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python']

5️⃣ Shift()-Methode
Um das erste Element zu entfernen.
? Beispiel:

languages.shift();
console.log(languages); //  Output: ['JavaScript', 'PHP', 'Python']

6️⃣ toString()-Methode
Konvertiert ein Array in eine Zeichenfolge von durch Kommas getrennten Array-Werten.
? Beispiel:

let arrString = languages.toString();
console.log(arrString); //  Output: JavaScript,PHP,Python

7️⃣ at()-Methode
Es akzeptiert einen ganzzahligen Wert und gibt das Element an diesem Index zurück, wobei sowohl positive als auch negative ganze Zahlen akzeptiert werden. Negative Ganzzahlen zählen ab dem letzten Element im Array umgekehrt.
? Beispiel:

let value1 = languages.at(2);
console.log(value1); // Output: Python
let value2 = languages.at(-1);
console.log(value2); // Output: Python

8️⃣ join()-Methode
Fasst alle Elemente zu einem String zusammen. Es verhält sich genau wie toString(), außer dass Sie auch das Trennzeichen angeben können.
? Beispiel:

let arrJoin = languages.join(" | ");
console.log(arrJoin); // Output: JavaScript | PHP | Python

9️⃣ find()-Methode
Dadurch wird der erste Eintrag im Array zurückgegeben, der die angegebene Bedingung erfüllt. Wenn keiner der Werte die Bedingung erfüllt, wird undefiniert zurückgegeben.
? Beispiel:

 const array_name = [value1, value2, ...];       

? sort()-Methode
Sortiert die Elemente eines Arrays.
? Beispiel:

const languages = ["JavaScript", "PHP", "Python"];

Es stehen zahlreiche zusätzliche Array-Methoden zur Verfügung. Erkunden Sie sie mithilfe einer Suchmaschine auf eigene Faust und experimentieren Sie damit; Es wird Spaß machen!?

⁉️ Warum Arrays lernen?

Arrays gibt es überall in JavaScript! Das Verständnis von Arrays eröffnet Ihnen als Entwickler neue Möglichkeiten, von der Datenverwaltung in Apps bis hin zur API-Verarbeitung.

Abschluss

Arrays sind Ihr bester Freund, wenn Sie mit vielen Werten arbeiten. Beginnen Sie, die besprochenen Konzepte zu üben, und probieren Sie Arrays in kleinen Projekten aus.
Viel Spaß beim Codieren!✨

Das obige ist der detaillierte Inhalt vonJavascript-Arrays verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!