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.

<code class="language-javascript">let fruits = ["apple", "banana"];
fruits.push("cherry");
console.log(fruits); // Output: ["apple", "banana", "cherry"]</code>

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

<code class="language-javascript">fruits.pop();
console.log(fruits); // Output: ["apple", "banana"]</code>

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

<code class="language-javascript">fruits.unshift("mango");
console.log(fruits); // Output: ["mango", "apple", "banana"]</code>

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

<code class="language-javascript">fruits.shift();
console.log(fruits); // Output: ["apple", "banana"]</code>

2. Suchen und suchen

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

<code class="language-javascript">let numbers = [10, 20, 30, 40];
console.log(numbers.indexOf(20)); // Output: 1</code>

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

<code class="language-javascript">console.log(numbers.includes(30)); // Output: true
console.log(numbers.includes(50)); // Output: false</code>

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.

<code class="language-javascript">let numbers = [1, 2, 3];
let squares = numbers.map(num => num * num);
console.log(squares); // Output: [1, 4, 9]</code>

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

<code class="language-javascript">let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2]</code>

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

<code class="language-javascript">let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 6</code>

4. Sortieren

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

<code class="language-javascript">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]</code>

• reverse(): Kehren Sie das Array um.

<code class="language-javascript">fruits.reverse();
console.log(fruits); // Output: ["cherry", "banana", "apple"]</code>

5. Array-Kombination und -Extraktion

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

<code class="language-javascript">let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Output: [1, 2, 3, 4]</code>

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

<code class="language-javascript">let numbers = [10, 20, 30, 40];
let sliced = numbers.slice(1, 3);
console.log(sliced); // Output: [20, 30]</code>

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

<code class="language-javascript">let fruits = ["apple", "banana", "cherry"];
fruits.splice(1, 1, "orange", "grape");
console.log(fruits); // Output: ["apple", "orange", "grape", "cherry"]</code>

6. Array-Iteration

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

<code class="language-javascript">let numbers = [1, 2, 3];
numbers.forEach(num => console.log(num * 2)); // Output: 2, 4, 6</code>

7. Andere gängige Methoden

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

<code class="language-javascript">let fruits = ["apple", "banana", "cherry"];
console.log(fruits.join(", ")); // Output: "apple, banana, cherry"</code>

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

<code class="language-javascript">let numbers = [10, 20, 30];
let result = numbers.find(num => num > 15);
console.log(result); // Output: 20</code>

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

<code class="language-javascript">console.log(numbers.findIndex(num => num > 15)); // Output: 1</code>

• flat(): Verschachtelte Arrays reduzieren.

<code class="language-javascript">let nested = [1, [2, 3], [4, [5]]];
console.log(nested.flat(2)); // Output: [1, 2, 3, 4, 5]</code>

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