Uporabne funkcije Array v JavaScriptu uporabite

V svetu JavaScript so Arrays temeljna vrsta podatkov, ki jih pogosto uporabljaš. Z vsako novo različico ECMAScript so se metode za rokovanje z Arrays izboljšale z različnimi inovativnimi tehnikami. V tem priročniku se boš naučil/a, kako izkoristiti nekatere najbolj uporabne nove Array-funkcije, ki so bile uvedene od ES6 do ES13. Pri tem bomo pregledali tako nove kot tudi preverjene funkcije, ki ti bodo pomagale učinkoviteje delati z Arrays.

Najpomembnejša spoznanja

• find(): Preišči Array in najdi prvi element, ki ustreza določenemu kriteriju.
• filter(): Ustvari nov Array z vsemi elementi, ki izpolnjujejo dane pogoje.
• map(): Pretvori elemente Array-a in ustvari nov Array.
• reduce(): Združi vse elemente Array-a v eno samo vrednost.
• some(), every(): Preveri, ali vsaj en element ali vsi elementi Array-a izpolnjujejo določen pogoj.

Navodila po korakih

1. Razumevanje metode find()

Metoda find() je ena od funkcij, ki je bila uvedena v ES6. Uporabljaš jo za iskanje določenega elementa v Array-u. Ime že pove vse: s find() pregledaš Array in ti vrne prvi element, ki izpolnjuje tvoje kriterije.

Za uporabo find() preneseš povratno funkcijo, ki definira pogoj. Ta funkcija se pokliče za vsak element v Array-u.

V tem primeru se najde "Orange" in se vrne. Če iščeš drugo barvo, je lahko rezultat ustrezno drugačen.

2. findIndex() za indeks iskanega elementa

Poleg find() obstaja tudi findIndex(), ki vrne indeks prvega elementa, ki izpolnjuje pogoj. To je koristno, če potrebuješ dejanski indeks v Array-u.

V tem primeru findFruitIndex vrne indeks "Orange", ki je 2, ker so Arrays indeksirani z nič.

3. Filtriranje Arrays s filter()

Metoda filter() ti omogoča, da ustvariš nov Array, ki vsebuje samo tiste elemente, ki izpolnjujejo določene pogoje. Tukaj uporabljamo filter(), da vrnemo vse sadeže, katerih dolžina je večja od 5.

Rezultat pokaže vse sadeže, ki imajo več kot pet črk, npr. "Banana".

4. map() za transformacije

Z metodo map() lahko spremeniš vrednosti v Array-u in ustvariš nov Array. Na primer, da dobiš dolžine imen sadežev.

Tukaj dobiš dolžine imen sadežev kot Array: [5, 6, 6, 6].

5. reduce() za združevanje vrednosti

Metoda reduce() je ena od najmočnejših funkcij, ki ti pomaga, da vse vrednosti v Array-u združiš v en sam rezultat.

Rezultat je 15, ker so bile vse vrednosti seštete.

6. Preverjanje pogojev s some() in every()

Metodi some() in every() preverita elemente v Array-u glede na pogoje. S some() vprašaš, ali vsaj eden od elementov izpolnjuje pogoj, medtem ko every() zagotavlja, da vsi elementi izpolnjujejo ta pogoj.

Tukaj hasLargeFruits pokaže, ali obstaja vsaj en sadež z več kot šestimi črkami.

7. Array.from() za ustvarjanje Arrays

Ta metoda ti omogoča, da ustvariš Array iz druge strukture.

Tukaj se HTML-kolekcija pretvori v pravilen Array, tako da lahko uporabiš metode Array-a nanjo.

8. Preveri, ali je nekaj Array z Array.isArray()

Za preverjanje, ali je objekt Array, uporabiš metodo Array.isArray().

Rezultat je true, ker je fruits Array.

Povzetek – Koristne nove Array-funkcije v JavaScriptu

V tem obsežnem priročniku si se naučil/a, kako lahko učinkovito uporabljaš različne funkcije Array v JavaScriptu, od splošno znanih find(), filter(), map() in reduce() do manj pogosto uporabljenih, a še vedno koristnih metod, kot so some(), every(), Array.from() in Array.isArray(). Te funkcije bodo tvoj kodo modernizirale in obdelavo podatkov naredile bolj učinkovito. Eksperimentiraj s temi metodami v svojih projektih, da optimiziraš svoje delo z Arrays.