Arrays in JavaScript verstehen

Arrays in JavaScript

In JavaScript ist ein Array ein spezieller Objekttyp, der zum Speichern geordneter Datensammlungen verwendet wird. Arrays können mehrere Werte verschiedener Datentypen enthalten, darunter Zahlen, Zeichenfolgen, Objekte oder sogar andere Arrays.

---

1. Arrays erstellen

A. Verwenden von Array-Literalen

Die gebräuchlichste Methode zum Erstellen eines Arrays ist die Verwendung von eckigen Klammern [].

Beispiel:

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // Output: ["Apple", "Banana", "Cherry"]

B. Verwendung des neuen Array()-Konstruktors

Diese Methode erstellt ein leeres Array oder ein Array mit angegebenen Elementen.

Beispiel:

const numbers = new Array(5); // Creates an array with 5 empty slots
console.log(numbers.length); // Output: 5
const colors = new Array("Red", "Green", "Blue");
console.log(colors); // Output: ["Red", "Green", "Blue"]

---

2. Zugriff auf Array-Elemente

Auf Array-Elemente wird mit nullbasierter Indizierung zugegriffen.

Beispiel:

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // Output: ["Apple", "Banana", "Cherry"]

• Elemente aktualisieren:

const numbers = new Array(5); // Creates an array with 5 empty slots
console.log(numbers.length); // Output: 5
const colors = new Array("Red", "Green", "Blue");
console.log(colors); // Output: ["Red", "Green", "Blue"]

---

3. Gängige Array-Methoden

A. Elemente hinzufügen und entfernen

• push(): Fügt ein Element am Ende des Arrays hinzu.

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // Output: Apple
console.log(fruits[2]); // Output: Cherry

• pop(): Entfernt das letzte Element.

fruits[1] = "Blueberry";
console.log(fruits); // Output: ["Apple", "Blueberry", "Cherry"]

• unshift(): Fügt am Anfang ein Element hinzu.

fruits.push("Mango");
console.log(fruits); // Output: ["Apple", "Banana", "Cherry", "Mango"]

• shift(): Entfernt das erste Element.

fruits.pop();
console.log(fruits); // Output: ["Apple", "Banana"]

B. Elemente finden

• indexOf(): Findet den Index eines Elements.

fruits.unshift("Strawberry");
console.log(fruits); // Output: ["Strawberry", "Apple", "Banana"]

• includes(): Prüft, ob ein Element im Array vorhanden ist.

fruits.shift();
console.log(fruits); // Output: ["Apple", "Banana"]

C. Arrays transformieren

• map(): Erstellt ein neues Array durch Transformation jedes Elements.

console.log(fruits.indexOf("Banana")); // Output: 1

• filter(): Erstellt ein neues Array mit Elementen, die einen Test bestehen.

console.log(fruits.includes("Cherry")); // Output: false

• reduce(): Reduziert das Array auf einen einzelnen Wert.

const numbers = [1, 2, 3];
const squared = numbers.map((num) => num ** 2);
console.log(squared); // Output: [1, 4, 9]

D. Kombinieren und Schneiden von Arrays

• concat(): Kombiniert zwei oder mehr Arrays.

const evenNumbers = numbers.filter((num) => num % 2 === 0);
console.log(evenNumbers); // Output: [2]

• slice(): Gibt einen Teil des Arrays zurück.

const sum = numbers.reduce((acc, curr) => acc + curr, 0);
console.log(sum); // Output: 6

• splice(): Fügt Elemente zu einem Array hinzu oder entfernt sie daraus.

const moreFruits = ["Peach", "Grape"];
const allFruits = fruits.concat(moreFruits);
console.log(allFruits); // Output: ["Apple", "Banana", "Peach", "Grape"]

---

4. Iterieren über Arrays

• for-Schleife:

const sliced = allFruits.slice(1, 3);
console.log(sliced); // Output: ["Banana", "Peach"]

• for...of Loop:

allFruits.splice(1, 1, "Orange");
console.log(allFruits); // Output: ["Apple", "Orange", "Peach", "Grape"]

• forEach()-Methode:

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

---

5. Mehrdimensionale Arrays

Arrays können andere Arrays enthalten und so eine Matrix oder eine mehrdimensionale Struktur erstellen.

Beispiel:

for (let fruit of fruits) {
  console.log(fruit);
}

---

6. Sortieren und Umkehren von Arrays

• sort(): Sortiert das Array an Ort und Stelle.

fruits.forEach((fruit) => console.log(fruit));

• reverse(): Kehrt die Reihenfolge der Elemente um.

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];
console.log(matrix[1][2]); // Output: 6

---

7. Array-Destrukturierung

Destrukturierung ermöglicht es Ihnen, Werte aus Arrays in Variablen zu extrahieren.

Beispiel:

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // Output: ["Apple", "Banana", "Cherry"]

---

8. Zusammenfassung

• Arrays werden zum Speichern geordneter Datensammlungen in JavaScript verwendet.
• Zugriff auf Elemente mithilfe von Indizes.
• Verwenden Sie Array-Methoden wie push(), map(), filter() und Reduce() zur Manipulation und Transformation.
• Arrays sind vielseitig und für die Verarbeitung dynamischer Datensammlungen in JavaScript unerlässlich.

Hallo, ich bin Abhay Singh Kathayat!
Ich bin ein Full-Stack-Entwickler mit Fachwissen sowohl in Front-End- als auch in Back-End-Technologien. Ich arbeite mit einer Vielzahl von Programmiersprachen und Frameworks, um effiziente, skalierbare und benutzerfreundliche Anwendungen zu erstellen.
Sie können mich gerne unter meiner geschäftlichen E-Mail-Adresse erreichen: kaashshorts28@gmail.com.

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