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.
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]
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]
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]
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]
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]
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]
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
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
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"
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"
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]
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
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]
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]
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
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
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
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:
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
