Heim > Web-Frontend > js-Tutorial > Grundlegende JavaScript-Array-Methoden, die jeder Entwickler kennen sollte

Grundlegende JavaScript-Array-Methoden, die jeder Entwickler kennen sollte

Mary-Kate Olsen
Freigeben: 2024-11-08 22:13:02
Original
604 Leute haben es durchsucht

Essential JavaScript Array Methods Every Developer Should Know

Methode Rückgabewert Beispiel Rückgabetyp Erklärung
map() Neues Array [1, 2, 3].map(x => x * 2) Neues Array [2, 4, 6] Erstellt ein neues Array, indem die Funktion auf jedes Element des Arrays angewendet wird.
filter() Neues Array [1, 2, 3, 4].filter(x => x > 2) Neues Array [3, 4] Filtert die Elemente gemäß einer Bedingung und gibt ein neues Array zurück.
concat() Neues Array [1, 2].concat([3, 4]) Neues Array [1, 2, 3, 4] Fügt mehrere Arrays hinzu und gibt ein neues Array zurück.
slice() Neues Array [1, 2, 3, 4].slice(1, 3) Neues Array [2, 3] Kopiert einige Elemente aus dem angegebenen Index und gibt ein neues Array zurück.
join() Zeichenfolge [1, 2, 3].join('-') Zeichenfolge '1-2-3' Gibt eine Zeichenfolge zurück, die alle Elemente des Arrays summiert.
reverse() Neues Array [1, 2, 3].reverse() Neues Array [3, 2, 1] Kehrt die Elemente des Arrays um und gibt ein neues Array zurück.
includes() Boolescher Wert [1, 2, 3].includes(2) wahr prüft, ob das Array ein angegebenes Element enthält.
indexOf() Nummer (Index) [1, 2, 3].indexOf(2) 1 Gibt den ersten Index des angegebenen Elements zurück.
find() Erstes übereinstimmendes Element [1, 2, 3].find(x => x > 1) 2 Gibt das erste passende Element zurück.
findIndex() Nummer (Index) [1, 2, 3].findIndex(x => x > 1) 1 Gibt den Index des ersten passenden Elements zurück.
flat() Neues Array [1, [2, 3], [4, 5]].flat() Neues Array [1, 2, 3, 4, 5] Verkettet verschachtelte Arrays innerhalb von Arrays und gibt ein neues Array zurück.
flatMap() Neues Array [1, 2].flatMap(x => [x, x * 2]) Neues Array [1, 2, 2, 4] implementiert zuerst map() und reduziert es dann.
sort() Neues Array [3, 1, 2].sort() Neues Array [1, 2, 3] Sortiert die Elemente des Arrays.
jedes() Boolescher Wert [1, 2, 3].every(x => x > 0) wahr Gibt true zurück, wenn alle Elemente die Bedingung erfüllen, andernfalls false.
einige() Boolescher Wert [1, 2, 3].some(x => x > 2) wahr Gibt „true“ zurück, wenn ein oder mehrere Elemente die Bedingung erfüllen.
reduce() Einzelwert (wie Zahl) [1, 2, 3].reduce((acc, x) => acc x, 0) 6 Gibt einen einzelnen Wert zurück, der alle Elemente des Arrays kombiniert.
reduceRight() Einzelwert (wie Zahl) [1, 2, 3].reduceRight((acc, x) => acc x, 0) 6 Wie Reduce(), funktioniert aber von rechts nach links.

মেথড রিটার্ন ভ্যালু উদাহরণ রিটার্নের ধরন ব্যাখ্যা
push() New length (number) [1, 2].push(3) New length 3 একটি এলিমেন্ট অ্যারে শেষে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
pop() Removed element [1, 2, 3].pop() Removed element 3 অ্যারের শেষ থেকে একটি এলিমেন্ট মুছে ফেলে।
shift() Removed element [1, 2, 3].shift() Removed element 1 অ্যারের প্রথম এলিমেন্ট মুছে ফেলে।
unshift() New length (number) [1, 2].unshift(0) New length 3 একটি এলিমেন্ট অ্যারের প্রথমে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
splice() Changed part (array) [1, 2, 3].splice(1, 1, 4) Changed array [2] একটি নির্দিষ্ট ইনডেক্স থেকে এলিমেন্ট মুছে ফেলে এবং ঐ জায়গায় নতুন এলিমেন্ট যোগ করে।
sort() Changed array [3, 1, 2].sort() Changed array [1, 2, 3] অ্যারের এলিমেন্টগুলো সাজিয়ে দেয়।
fill() Changed array [1, 2, 3].fill(0) Changed array [0, 0, 0] অ্যারের সমস্ত এলিমেন্টকে একটি নির্দিষ্ট মান দিয়ে পূর্ণ করে।
copyWithin() Changed array [1, 2, 3, 4].copyWithin(0, 2) Changed array [3, 4, 3, 4] অ্যারের একটি অংশকে অন্যত্র কপি করে।
reverse() Changed array [1, 2, 3].reverse() Changed array [3, 2, 1] অ্যারের এলিমেন্টগুলো উল্টে দেয়, তবে এটি মূল অ্যারে পরিবর্তন করে।

Das obige ist der detaillierte Inhalt vonGrundlegende JavaScript-Array-Methoden, die jeder Entwickler kennen sollte. 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