Každá metoda pole JavaScriptu

Metody ES6

ES6, což je zkrácená podoba ECMAScriptu 6, je verze jazyka JavaScript, která byla vydána v červnu 2015. Zdá se, že vývojáři, kteří udržují JavaScript, mají rádi můj měsíc narození, protože právě tehdy byla vydána většina jejich verzí.

Pokud se JavaScript teprve učíte, ES6 vám výrazně usnadní život. Poskytuje nejen metody polí, ale mimo jiné také věci jako destrukci, šipkové funkce, lepší způsob psaní objektově orientovaného a modulárního kódu.

Většina těchto metod polí ES6 přebírá funkci zpětného volání, a proto se jim říká metody polí vyššího řádu. Funkce šipek jsou u funkcí vyššího řádu velmi časté, protože nám zjednodušují kód

Metoda map

Jestliže nějakou metodu pole ES6 budete používat téměř neustále, je to právě tato metoda. Je to moje nejlepší metoda pole jak v jazyce JavaScript, tak v jazyce Python. Přestože se někteří vývojáři JavaScriptu snažili implementovat metodu map již před ES6, standardní metoda map byla v JavaScriptu zavedena až v ES6. V níže uvedeném úryvku kódu jsem metodu map implementoval třemi způsoby:

• Pomocí běžných funkcí jazyka JavaScript: Zde jsem funkci předal dva argumenty, nejprve item, což je prvek, na kterém chci něco provést, a nepovinný argument index, což je index každého prvku
• Pomocí šipkových funkcí:
• Také jsem použil šipkové funkce, ale předal jsem pouze jeden argument – prvek, který chci iterovat. To je užitečné, pokud nepotřebuji index.

Metoda filtr

Metoda filter je další metoda pole vyššího řádu, kterou byste dnes měli používat. To, co metoda filter dělá, je jednoduché. Při zadání pole prvků chceme z původního pole vrátit nové pole, kde je konkrétní podmínka true. Funkce zpětného volání musí vrátit boolean a v novém poli bude prvek, který splňuje podmínku.

Metoda reduce

Tato metoda je velmi pěkná a myslím, že je ze všech dosud zmíněných nejtěžší. Tato metoda dělá to, že pomocí určitého zpětného volání redukuje pole. Pokud chci například zjistit součet všech prvků v poli nebo součin všech prvků v poli, je tato metoda pěkná metoda, kterou lze použít místo smyčky a inkrementace počátečního součtu nebo součinu.

Metoda forEach

Tato metoda je podobná metodě map, ale v tomto případě nevrací nové pole. Jedná se spíše o běžný cyklus for v jazyce JavaScript, ale v čistší a pokročilejší podobě. Jak jste možná poznali, přijímá tři parametry. Prvním je prvek v poli, druhým je index prvku (který je nepovinný) a třetím je objekt pole, do kterého aktuální prvek patří.

V níže uvedeném úryvku kódu jsem použil forEach k manipulaci s objektovým modelem dokumentu (DOM), což je docela fajn. Mohu aktualizovat pole a položky seznamu vykreslené v DOM se automaticky změní.

Metoda concat

V některých případech budete chtít spojit nebo sloučit dvě nebo více polí dohromady. Pak bude tato funkce velmi užitečná. Zavoláním concat na dvě pole vytvoříte nové pole, které se skládá z obou polí spojených.

Metody every a some

Tyto metody jsou užitečné, pokud chcete zjistit, zda všechny prvky v poli splňují podmínku, resp. zda některé prvky v poli splňují podmínku.

Mezi další metody patří:

Metoda fill

Vyplní každý prvek v poli hodnotou předanou jako parametr: .fill(1) // .

Metoda entries

Tato metoda způsobí, že se pole chová jako objekt s dvojicí klíč-hodnota, kde klíč je index a hodnota je prvek.

Metoda find

Tato metoda vrací první prvek v poli, který vyhověl testu. Přebírá zpětnou funkci, která vrací logickou hodnotu.

Metoda splice

Tato metoda přebírá nekonečný počet parametrů – první dva jsou index, kam chcete začít vkládat a odstraňovat prvky, respektive počet prvků, které chcete odstranit, a zbývající parametry jsou prvky, které chcete do pole přidat. Vrátí pole odebraných prvků a zmutuje pole.

Metoda reverse

Metoda reverse obrátí pole. Všimněte si, že jej mutuje, což znamená, že mění pole, místo aby pouze vytvořila jeho kopii.

Metoda join

Tato metoda změní pole na pole na řetězec. Všimněte si, že pole nemutuje – pouze vytvoří jeho kopii. Opakem této metody je metoda split, která mění řetězec na pole. Jako parametr přijímá řetězec, který bude použit ke spojení jednotlivých prvků pole.

Metoda flat

Metoda flat je nová metoda, která byla přidána v ES11 (ES11 vzniklo letos v červnu). Tato metoda zplošťuje pole.

Řekněme, že máme pole, které obsahuje pole, a chceme zjistit součet a součin každého prvku pole uvnitř pole. Mám na mysli to, že pokud mám pole, které je definováno , ], součet by měl být 10 a součin by měl být 24.

Jedním ze způsobů, jak na to jít, je projít smyčkou počáteční pole a projít smyčkou každý prvek a získat součet a součin.

Pomocí ES6 mohu projít smyčkou počáteční pole a pomocí metody reduce získat součet a součin každého prvku v hlavním poli – pomocí toho získat celkový součet a součin. Ale s polem flat mohu hlavní pole zploštit, čímž vrátím jediné pole obsahující pouze čísla, a mohu na něj použít metodu reduce.

Metoda flatMap

To je kombinace flat a map. Mapuje každý prvek v poli na danou funkci zpětného volání a pak výsledné pole zploští.

Řekněme, že bychom chtěli získat čtverec každého prvku v nezploštělém poli a chtěli bychom ho zploštit. Tato metoda nám usnadní život. V části, kde jsem použil metodu flatMap v úryvku kódu níže, se bere prvek, který je polem, a já jsem vrátil nové pole, což je čtverec prvků. A nakonec výsledné pole zploští.

.