Heim >Web-Frontend >js-Tutorial >Grundlegende JavaScript-Array-Methoden, die jeder Entwickler kennen sollte
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!