Noderīgas masīvu funkcijas JavaScript valodā izmantot

Pasaulē JavaScript masīvi Arrays ir pamatdatu tips, ko tu bieži izmanto. Ar katru jauno ECMAScript versiju ir uzlabojusies masīvu apstrāde, izmantojot dažādas inovatīvas metodes. Šajā apmācībā tu iemācīsies izmantot dažas no noderīgākajām jaunajām Array funkcijām, kuras tika ieviestas no ES6 līdz ES13. Mēs aplūkosim gan jaunas, gan pārbaudītas funkcijas, kas palīdzēs tev efektīvāk strādāt ar masīviem.

Galvenie atziņas

• find(): Meklē masīvu un atrodi pirmo elementu, kas atbilst noteiktai kritērijam.
• filter(): Izveido jaunu masīvu ar visiem elementiem, kas apmierina dotās prasības.
• map(): Transformē masīva elementus un izveido jaunu masīvu.
• reduce(): Apvieno visus masīva elementus vienā vienotā vērtībā.
• some(), every(): Pārbauda, vai vismaz viens elements vai visi masīva elementi atbilst noteiktai prasībai.

Solī pa solim ceļvedis

1. find() metodes izpratne

find() metode ir viena no funkcijām, kas tika ieviestas ES6. Tu to lieto, lai atrastu noteiktu elementu masīvā. Nosaukums jau visu pasaka: ar find() tu meklē masīvu un tas tev atgriež pirmo elementu, kas izpilda tavus kritērijus.

Lai lietotu find(), tu nodod atgriezenisko izsaukumu funkciju, kas definē nosacījumu. Šī funkcija tiek izsaukta katram elementam masīvā.

Šajā piemērā tiks atrasta un atgriezta "Orange". Ja tu meklē citu krāsu, rezultāts varētu būt attiecīgi atšķirīgs.

2. findIndex() meklējamā elementa indeksam

Blakus find() arī pastāv findIndex(), kas tev atgriež pirmā elementa indeksu, kas izpilda nosacījumu. Tas ir noderīgi, ja tev nepieciešams faktiskā indeksa atrašana masīvā.

Šajā gadījumā foundFruitIndex atgriež "Orange" indeksu, kas ir 2, jo masīvi ir nulles pamati.

3. Filtrējot masīvus ar filter()

filter() metode ļauj tev izveidot jaunu masīvu, kas satur tikai tos elementus, kas izpilda noteiktu nosacījumu. Šeit mēs izmantojam filter(), lai atgrieztu visas augļus, kuru garums ir lielāks par 5.

Rezultāts tad parādīs visus augļus, kuriem ir vairāk nekā pieci burti, piemēram, "Banana".

4. map() transformācijām

Ar map() metodi tu vari mainīt vērtības masīvā un izveidot jaunu masīvu. Piemēram, lai iegūtu augļu nosaukumu garumus.

Šeit tu iegūsi augļu nosaukumu garumus kā masīvu: [5, 6, 6, 6].

5. reduce() vērtību apkopošanai

reduce() metode ir viena no spēcīgākajām funkcijām, kas palīdz tev saturēt visas vērtības masīvā vienā vienotā vērtībā.

Rezultāts ir 15, jo visas vērtības tika saskaitītas.

6. Pārbaudi nosacījumus ar some() un every()

some() un every() metodes pārbauda masīva elementus uz nosacījumiem. Ar some() tu jautā, vai vismaz vienam no elementiem ir nosacījums, kamēr every() nodrošina, ka visi elementi to izpilda.

Šeit hasLargeFruits rāda, vai ir vismaz viens auglis ar vairāk nekā sešiem burtiem.

7. Array.from() masīvu izveidei

Šī metode ļauj tev izveidot masīvu no citas struktūras.

Tās laikā HTML kolekcija tiek pārvērsta īstā masīvā, lai tu varētu piemērot masīva metodes uz to.

8. Pārbaudi, vai kaut kas ir masīvs ar Array.isArray()

Lai pārbaudītu, vai objekts ir masīvs, tu izmanto Array.isArray() metodi.

Rezultāts ir true, jo fruits ir masīvs.

Kopsavilkums – Noderīgas jaunas Array funkcijas JavaScript

Šajā plašajā ceļvedī tu esi iemācījies, kā efektīvi izmantot dažādas Array funkcijas JavaScript, sākot no visiem zināmajiem find(), filter(), map() un reduce() līdz mazāk izmantotām, bet tomēr noderīgām metodēm kā some(), every(), Array.from() un Array.isArray(). Šīs funkcijas padarīs tavu kodu modernāku un tavu datu apstrādi efektīvāku. Eksperimentē ar šīm metodēm savos projektos, lai optimizētu savu darbu ar masīviem.