Javascript – Array-Methoden

Detaillierte Erläuterung der JavaScript-Array-Methoden

Dieser Artikel befasst sich mit den häufig verwendeten Array-Methoden in JavaScript, behandelt das Hinzufügen und Löschen von Elementen, die Suche, Konvertierung, Sortierung, Kombination und Iteration usw. und stellt Codebeispiele bereit, die Ihnen helfen, diese Methoden besser zu verstehen und anzuwenden.

1. Elemente hinzufügen und löschen

• push(): Elemente am Ende des Arrays hinzufügen.

let fruits = ["apple", "banana"];
fruits.push("cherry");
console.log(fruits); // Output: ["apple", "banana", "cherry"]

• pop(): Löschen Sie das letzte Element des Arrays.

fruits.pop();
console.log(fruits); // Output: ["apple", "banana"]

• unshift(): Elemente am Anfang des Arrays hinzufügen.

fruits.unshift("mango");
console.log(fruits); // Output: ["mango", "apple", "banana"]

• shift(): Löschen Sie das Anfangselement des Arrays.

fruits.shift();
console.log(fruits); // Output: ["apple", "banana"]

2. Suchen und suchen

• indexOf(): Gibt den Index des ersten Vorkommens des angegebenen Elements im Array zurück.

let numbers = [10, 20, 30, 40];
console.log(numbers.indexOf(20)); // Output: 1

• includes(): Überprüfen Sie, ob das Array das angegebene Element enthält.

console.log(numbers.includes(30)); // Output: true
console.log(numbers.includes(50)); // Output: false

3. Array-Konvertierung

• map(): Erstellen Sie ein neues Array, dessen Elemente das Ergebnis der Verarbeitung der ursprünglichen Array-Elemente durch die Rückruffunktion sind.

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

• filter(): Erstellen Sie ein neues Array, dessen Elemente die Elemente im ursprünglichen Array sind, die die angegebenen Bedingungen erfüllen.

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

• reduce(): Akkumulieren Sie Array-Elemente zu einem Wert.

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

4. Sortieren

• sort(): Sortieren Sie das Array (standardmäßig alphabetisch). Für Zahlen ist ein benutzerdefinierter Komparator erforderlich.

let fruits = ["banana", "apple", "cherry"];
fruits.sort();
console.log(fruits); // Output: ["apple", "banana", "cherry"]

let numbers = [10, 5, 20];
numbers.sort((a, b) => a - b); // 升序
console.log(numbers); // Output: [5, 10, 20]

• reverse(): Kehren Sie das Array um.

fruits.reverse();
console.log(fruits); // Output: ["cherry", "banana", "apple"]

5. Array-Kombination und -Extraktion

• concat(): Zwei oder mehr Arrays zusammenführen.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Output: [1, 2, 3, 4]

• slice(): Extrahieren Sie einen Teil des Arrays, ohne das ursprüngliche Array zu ändern.

let numbers = [10, 20, 30, 40];
let sliced = numbers.slice(1, 3);
console.log(sliced); // Output: [20, 30]

• splice(): Elemente zum Array hinzufügen oder daraus entfernen.

let fruits = ["apple", "banana", "cherry"];
fruits.splice(1, 1, "orange", "grape");
console.log(fruits); // Output: ["apple", "orange", "grape", "cherry"]

6. Array-Iteration

• forEach(): Führen Sie eine Funktion für jedes Element im Array aus.

let numbers = [1, 2, 3];
numbers.forEach(num => console.log(num * 2)); // Output: 2, 4, 6

7. Andere gängige Methoden

• join(): Konvertieren Sie ein Array unter Verwendung des angegebenen Trennzeichens in eine Zeichenfolge.

let fruits = ["apple", "banana", "cherry"];
console.log(fruits.join(", ")); // Output: "apple, banana, cherry"

• find(): Gibt das erste Element zurück, das die angegebene Bedingung erfüllt.

let numbers = [10, 20, 30];
let result = numbers.find(num => num > 15);
console.log(result); // Output: 20

• findIndex(): Gibt den Index des ersten Elements zurück, das die angegebene Bedingung erfüllt.

console.log(numbers.findIndex(num => num > 15)); // Output: 1

• flat(): Verschachtelte Arrays reduzieren.

let nested = [1, [2, 3], [4, [5]]];
console.log(nested.flat(2)); // Output: [1, 2, 3, 4, 5]

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