Heim > Web-Frontend > js-Tutorial > Wesentliche JavaScript-Array-Methoden

Wesentliche JavaScript-Array-Methoden

Mary-Kate Olsen
Freigeben: 2024-11-08 20:14:02
Original
506 Leute haben es durchsucht

ssential JavaScript Array Methods

JavaScript-Arrays verfügen über leistungsstarke Einzeiler, die das Codieren einfacher und sauberer machen. Hier ist eine Kurzanleitung zum Beherrschen einiger wichtiger Array-Methoden:

Filtern eines Arrays: .filter() erstellt ein neues Array mit Elementen, die einen Test bestehen.

const oddNumbers = [1, 2, 3, 4, 5, 6].filter(num => num % 2 !== 0); // [1, 3, 5]
Nach dem Login kopieren

Zuordnen eines Arrays: .map() wendet eine Funktion auf jedes Element an.

const doubled = [1, 2, 3, 4, 5].map(num => num * 2); // [2, 4, 6, 8, 10]
Nach dem Login kopieren

Ein Array reduzieren: .reduce() verarbeitet alle Elemente, um ein einziges Ergebnis zu erzeugen.

const sum = [1, 2, 3, 4, 5].reduce((total, num) => total + num, 0); // 15

Nach dem Login kopieren

*Ein Element finden: *.find() gibt das erste Element zurück, das eine Bedingung erfüllt.

const firstEven = [1, 2, 3, 4, 5].find(num => num % 2 === 0); // 2
Nach dem Login kopieren

Überprüfungsbedingungen: .some() und .every() prüfen, ob einige oder alle Elemente einen Test bestehen.

const hasEven = [1, 3, 5, 7, 8].some(num => num % 2 === 0); // true

Nach dem Login kopieren

Ein Array reduzieren: .flat() verwandelt verschachtelte Arrays in ein einstufiges Array.

const flattened = [1, [2, 3], [4, [5, 6]]].flat(2); // [1, 2, 3, 4, 5, 6]
Nach dem Login kopieren

Duplikate entfernen:Mit „Set“ werden Duplikate entfernt.

const uniqueNumbers = [...new Set([1, 2, 2, 3, 4, 4, 5])]; // [1, 2, 3, 4, 5]
Nach dem Login kopieren

Sortieren eines Arrays: .sort() ordnet Zahlen.

const sortedNumbers = [5, 2, 9, 1, 5, 6].sort((a, b) => a - b); // [1, 2, 5, 5, 6, 9]
Nach dem Login kopieren

Diese Einzeiler können Ihren Code erheblich rationalisieren. Um tiefer einzutauchen, schauen Sie sich mein JavaScript-Cheatsheet und mehr an

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

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage