JavaScript-Array-Methoden, die Sie kennen sollten

Arrays sind ein wesentlicher Bestandteil der JavaScript-Programmierung und bieten eine leistungsstarke Möglichkeit zum Speichern und Bearbeiten von Datensammlungen. In diesem Artikel werden wir achtzehn grundlegende Array-Methoden untersuchen, die jeder JavaScript-Programmierer kennen sollte, um effizienteren und klareren Code zu schreiben.

1. Drücken

Die Methode arr.push(..element) fügt ein neues Element am Ende eines Arrays hinzu und gibt die neue Länge des Arrays zurück. Diese Methode ändert das ursprüngliche Array.

Syntax:

arr.push(element1, element2, …)

Beispiel:

let arr = [1, 2, 3];
arr.push(4); // arr agora é [1, 2, 3, 4]

2. Pop

Die Methode arr.pop() entfernt das letzte Element aus einem Array und gibt das entfernte Element zurück. Diese Methode ändert auch das ursprüngliche Array und seine Länge.

Syntax:

arr.pop()

Beispiel:

let arr = [1, 2, 3, 4];
arr.pop(); // arr agora é [1, 2, 3]

3. Schicht

Die Methode arr.shift() entfernt das erste Element aus einem Array und gibt das entfernte Element zurück. Diese Methode ändert auch die Länge des ursprünglichen Arrays.

Syntax:

arr.shift()

Beispiel:

let arr = [1, 2, 3, 4];
arr.shift(); // arr agora é [2, 3, 4]

4. Schalten Sie aus

Die Methode arr.unshift(elements) fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu und gibt die neue Länge des Arrays zurück.

Syntax:

arr.unshift(item1, item2, …)

Beispiel:

let arr = [2, 3, 4];
arr.unshift(1); // arr agora é [1, 2, 3, 4]

5. Spleißen

Die Methode arr.splice() ändert das ursprüngliche Array durch Entfernen, Ersetzen oder Hinzufügen von Elementen.

Syntax:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

Beispiel:

let arr = [1, 2, 3, 4];
arr.splice(1, 1); // arr agora é [1, 3, 4]

6. In Scheiben schneiden

Die Methode arr.slice() wählt einen Teil eines Arrays aus und gibt ein neues Array mit den vom Anfangsindex bis zum Ende kopierten Elementen zurück. Das ursprüngliche Array wird nicht verändert.

Syntax:

arr.slice(start, end)

Beispiel:

let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // newArr é [2, 3]

7. Beinhaltet

Die Methode arr.includes(item, index) prüft, ob das Element im Array aus dem angegebenen Index vorhanden ist, und gibt „true“ zurück, wenn es gefunden wird, andernfalls gibt es „false“ zurück.

Syntax:

arr.includes(item, index)

Beispiel:

let arr = [1, 2, 3, 4];
arr.includes(3); // true

8. für jeden

Die Methode arr.forEach() führt eine bestimmte Funktion einmal für jedes Element des Arrays aus.

Syntax:

arr.forEach(callback)

Beispiel:

let arr = [1, 2, 3, 4];
arr.forEach(num => console.log(num)); // imprime 1, 2, 3, 4

9. Machen Sie mit

Die Methode arr.join(separator) erstellt eine Zeichenfolge mit allen verketteten Elementen eines Arrays, getrennt durch ein bestimmtes Trennzeichen.

Syntax:

arr.join(separator)

Beispiel:

let arr = [1, 2, 3, 4];
arr.join('-'); // "1-2-3-4"

10. toString

Die Methode arr.toString() konvertiert ein Array in einen String und gibt das Ergebnis zurück.

Syntax:

arr.toString()

Beispiel:

let arr = [1, 2, 3, 4];
arr.toString(); // "1,2,3,4"

11. Karte

Die Methode map() ruft eine Rückruffunktion für jedes Element des ursprünglichen Arrays auf und gibt ein neues Array mit den Ergebnissen zurück. Dies ist eine nicht mutierende Methode.

Syntax:

  arr.map(function callback(currentValue, index, array) {
    // Retorna um novo valor
  })

Beispiel:

let arr = [1, 2, 3, 4];
let doubled = arr.map(num => num * 2); // [2, 4, 6, 8]

12. Reduzieren

Die Methode „reduce()“ wendet eine Funktion auf einen Akkumulator und jedes Array-Element (von links nach rechts) an, um es auf einen einzelnen Wert zu reduzieren.

Syntax:

arr.reduce(function callback(accumulator, currentValue, index, array) {
  // Retorna o valor acumulado
}, initialValue)

Beispiel:

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, num) => acc + num, 0); // 10

13. Filtern

Die Methode filter() erstellt ein neues Array mit allen Elementen, die den von der bereitgestellten Funktion implementierten Test bestanden haben.

Syntax:

arr.filter(function callback(element, index, array) {
  // Retorna true para manter o elemento
})

Beispiel:

let arr = [1, 2, 3, 4];
let even = arr.filter(num => num % 2 === 0); // [2, 4]

14. Sortieren

Die Methode sort() organisiert die Elemente eines Arrays in aufsteigender Reihenfolge oder gemäß der bereitgestellten Vergleichsfunktion.

Syntax:

arr.sort([compareFunction])

Beispiel:

let arr = [4, 2, 3, 1];
arr.sort(); // [1, 2, 3, 4]

15.Suchen

Die Methode find() gibt das erste Element im Array zurück, das die angegebene Testfunktion erfüllt.

Syntax:

arr.find(function callback(element, index, array) {
  // Retorna true para encontrar o elemento
})

Beispiel:

let arr = [1, 2, 3, 4];
let found = arr.find(num => num > 2); // 3

16. IndexOf

Die Methode indexOf() gibt den ersten Index zurück, an dem ein bestimmtes Element im Array gefunden werden kann, oder -1, wenn das Element nicht vorhanden ist.

Syntax:

arr.indexOf(searchElement, fromIndex)

Beispiel:

let arr = [1, 2, 3, 4];
let index = arr.indexOf(3); // 2

17. Hinzufügen

Die Methode some() testet, ob mindestens ein Element im Array die implementierte Testfunktion besteht.

Syntax:

arr.some(function callback(element, index, array) {
  // Retorna true se pelo menos um elemento passar no teste
})

Beispiel:

let arr = [1, 2, 3, 4];
let hasEven = arr.some(num => num % 2 === 0); // true

18. Concat

O método concat() é usado para mesclar dois ou mais arrays.

Sintaxe:

arr.concat(array2, array3, ..., arrayN)

Exemplo:

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = arr1.concat(arr2); // [1, 2, 3, 4]

Esses métodos são fundamentais para trabalhar com arrays em JavaScript. Dominar esses métodos permitirá que você manipule dados de forma mais eficiente e escreva códigos mais limpos e legíveis. Feliz codificação!

Referências:

• 10 Important JavaScript Array Methods You Must Know
• Lists of Top 10 JavaScript array methods a beginner Js developer should know

Das obige ist der detaillierte Inhalt vonJavaScript-Array-Methoden, die Sie kennen sollten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!