Array Accessor -metoder i JavaScript forklart med eksempler

Array Accessor -metoder i JavaScript forklart med eksempler
I JavaScript er det flere innebygde metoder tilgjengelig som er veldig gunstige i perspektivet med å jobbe med matriser, for eksempel metoden som endrer den faktiske matrisen, kalles en mutatormetode. Mens metoden som ikke modifiserer den primære/originale matrisen i stedet, returnerer den en ny representasjon for matrisen på grunnlag av den originale matrisen kalles som tilbehørsmetoden. I dette innlegget vil vi dekke forskjellige array accessor -metoder som concat (), skive (), indexOf (), filter () og lastIndexOf () -metode.

Concat () -metode i JavaScript

I JavaScript brukes Concat -metoden til å bli med i flere matriser, og som et resultat returnerer den en ny matrise. La oss vurdere et eksempel der vi opprettet to matriser og sammenkobler dem i den tredje matrisen, ta en titt på den undergitte koden for å forstå hvordan “Concat ()” Metode fungerer i JavaScript:

const array1 = [5,10,15,20,25];
const array2 = [30,35,40,45,50];
const resulter_array = array1.concat (array2);
konsoll.Logg ("Den resulterende matrisen er:", resulterer_array);

I den ovennevnte koden samkjører den resulterende matrisen de to første matriser:

Konsollen.Loggfunksjon brukes til å produsere utgangen fra den resulterende matrisen på nettleserens konsoll:

Utgangen verifiserer at den resulterende matrisen kombinerer elementene i både “Array1” og “Array2”.

Bli med () Metode i JavaScript

I JavaScript, "bli med()" Metoden returnerer en ny streng ved å slå sammen alle matriseelementene i en streng atskilt med komma ",".

const array1 = ['5', '10', '15', '20', '25'];
const resulter_array = array1.bli med();
konsoll.Logg ("Den resulterende matrisen ved hjelp av Join -metoden er:", resulterende_array);

Her tok vi Array1-verdier som strengverdier og JavaScript-implementeringen av den ovennevnte koden vil være:

I utgangen vil du observere at "bli med()" Funksjonen returnerer en streng som er atskilt med komma.

I JavaScript kan hvem som helst skille strengelementene med et hvilket som helst annet symbol på deres valg; Anta at vi vil bruke “|” Som en adskilt i stedet for komma, vil vi bruke det som:

const array1 = ['5', '10', '15', '20', '25'];
const resulter_array = array1.Bli med ('|');
konsoll.Logg ("Den resulterende matrisen ved hjelp av Join -metoden er:", resulterende_array);

Vi implementerer koden ovenfor i JavaScript som:

Den resulterende utgangen vil være:

Filter () Metode i JavaScript

I JavaScript brukes metoden “filter ()” for å filtrere en matrise på grunnlag av en viss tilstand. For eksempel ønsker vi å filtrere positive tall fra en matrise, koden i JavaScript ville være:

const all_numbers = [5, -10,15, -20, -25,30];
const positive_only = all_numbers.filter (funksjon (nummer)
returnummer> = 0;
);
konsoll.logg (positiv_only);

Så i eksemplet har vi en matrise som består av både positive og negative tall, og vi ønsker å filtrere matrisen og bare vise positive tall. Så vi setter en tilstand som vil sjekke om "tallet er større enn eller lik 0" eller ikke, som et resultat:

Vår utgang viser at metoden “filter ()” bare skriver ut de positive tallene:

skive () -metode i JavaScript

JavaScript bruker “skive ()” -metoden for å kopiere en del av matrisen til noen nye matriser, og den godtar to valgfrie parametere som starter indeksen og den siste indeksen. La oss vurdere et scenario der vi bare vil ha de tre første elementene i matrisen, vi vil gjøre dette ved hjelp av skive -metoden. Den siste indeksen må være “n+1” -indeksen, det betyr at hvis du vil ha verdier mellom indeks 0 til indeks 2, må du skrive den siste indeksen som '3':

const array1 = [5,10,15,20,25];
const resulter_array = array1.skive (0,3);
konsoll.Logg ("Den resulterende matrisen er:", resulterer_array);

Her tar vi den første indeksen som 0, og vi skriver den siste indeksen som 3, skivemetoden vil ekskludere den siste indeksen '3', og den vil bare vurdere matriseelementene for indeks 0, indeks 1 og indeks 2.

Utgangen fra programmet ovenfor vil være:

IndexOf () Metode i JavaScript

JavaScript bruker IndexOf -metoden for å finne forekomsten av et element i en matrise, og det vil returnere -1 hvis elementet ikke er funnet i matrisen. Dessuten, hvis en matrise har det samme elementet to ganger, så "oversikt over" metoden vil returnere plasseringen av første forekomst. Tenk på den undergitte koden for å forstå hvordan "oversikt over" Metode fungerer:

const array1 = [5,10,15,15,20,25];
const resulter_array = array1.indeks av (15);
konsoll.Logg ("Den resulterende matrisen er:", resulterer_array);

JavaScript -implementeringen av indeksOF -metoden vil være:

Utgangen fra den ovennevnte koden vil bekrefte at “IndexOf” -metoden returnerer den første forekomsten av det søkte elementet:

lastIndexOf () -metode i JavaScript

JavaScript bruker “LastIndexof” Metode for å finne den siste utseendet til et element i en matrise, og denne metoden vil returnere -1 når den ikke klarer å finne et element i matrisen:

const array1 = [5,10,15,15,20,25];
const resulter_array = array1.lastIndexof (15);
konsoll.Logg ("Du søkte etter Array Index:", Resultat_Array);

Implementering av ovennevnte kode vil være:

I Array1 gjentas '15' to ganger, så “LastIndexof” Metoden vil returnere indeksen for den siste forekomsten av '15':

Inkluderer () Metode i JavaScript

JavaScript bruker “Inkluderer ()” Metode for å søke på ethvert element i en matrise, som et resultat, vil den returnere en boolsk verdi:

const array1 = [5,10,15,15,20,25];
const resulter_array = array1.inkluderer (15);
konsoll.logg ("søkte verdi funnet:", resulterer_array);

Her søkte vi etter '15' ved hjelp av “Inkluderer ()” -metoden:

"Inkluderer ()" -metoden vil returnere utgangen som '15' er der i matrisen:

Konklusjon:

Array Accessor -metodene utfører noen handlinger på matriser, og som et resultat returnerer de en ny forbedret representasjon i JavaScript. I dette innlegget har vi lært om slike metoder i detalj ved å vurdere noen eksempler. Videre implementerte vi hver metode i JavaScript og bemerket ønsket utgang mot hver metode. Denne artikkelen vil hjelpe leserne til å implementere de innebygde array-tilbehørmetodene i JavaScript.