Array Mutator -metoder i JavaScript forklart med eksempler

I JavaScript kalles metodene som modifiserer eller overskriver de originale arrayelementene, og det er mange innebygde metoder tilgjengelig i JavaScript som kan brukes til å endre elementene i den originale matrisen. For eksempel foreach (), omvendt (), spleise (), fyll () og skift () metode. Denne artikkelen vil gi en grundig oversikt over disse metodene med et par eksempler.

sorter () Metode i JavaScript

Sortering av arrayelementer er veldig avgjørende, i JavaScript en innebygde metode 'sortere()' brukes til å sortere de usorterte matriseelementene, som standard sorterer det matriseelementene i stigende rekkefølge:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.sortere();
konsoll.logg ("den sorterte matrisen:", input_array);

Vi bruker sort () -funksjonen i dette programmet, og som et resultat vil det returnere en sortert matrise:

Vi kan også passere sammenligningsparameteren. Vurder for eksempel den undergitte koden for å skrive ut matrisen i synkende rekkefølge:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.sorter (funksjon (lavere, høyere)
returner høyere-lavere;
);
konsoll.logg ("den sorterte matrisen:", input_array);

Vi passerte to parametere til funksjonen "lavere" og "høyere", og "høyere lavere" vil returnere utgangen i synkende rekkefølge mens "lavere høyere" vil returnere utgangen i stigende rekkefølge:

Omvendt () Metode i JavaScript

I JavaScript brukes "revers ()" -metoden for å reversere rekkefølgen på arrayelementer, vurder den undergitte koden for å forstå arbeidet med omvendt funksjon:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.omvendt();
konsoll.Logg ("The Reverse Array:", Input_Array);

Utgangen for omvendt funksjon vil være:

Push () Metode i JavaScript

For å legge til noen nye elementer i matrisen JavaScript bruker “Push ()” -metoden, legger den til det nye elementet ved den siste indeksen for matrise:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Push (100);
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Vi legger til '100' i matrisen ved hjelp av push -metoden, vil utgangen være:

Pop () Metode i JavaScript

I JavaScript sletter "pop ()" -metoden det siste elementet i matrisen:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.pop ();
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Ovennevnte kode vil trekke ut “6” fra matrisen, og den resulterende utgangen vil være:

Shift () Metode i JavaScript

"Shift ()" -metoden brukes til å slette det første elementet i matrisen:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.skifte();
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Ovennevnte kode vil trekke ut “15” fra matrisen, og utdataene fra dette programmet vil være:

unshift () -metode i JavaScript

I JavaScript tar "unshift ()" -funksjoner et element som en parameter og setter det i begynnelsen av matrisen:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.unshift (50);
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Utgangen fra ovennevnte kode vil være:

Fill () Metode i JavaScript

I JavaScript repliserer metoden “Fill ()” alle oppføringene til en matrise med en viss spesifisert verdi:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.fyll (50);
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Nå implementerer vi “Fyll” -metoden på “Input_Array”:

I utgangen vil alle elementene i matrisen bli replikert med '50':

Fyllmetoden omhandler også valgfrie parametere. Det tar tre parametere, først for den spesifiserte verdien, andre for startindeksen og tredje parameter for den siste indeksen. Som et resultat vil det gjenskape alle elementene i matrisen fra den spesifiserte startindeksen til den spesifiserte siste indeksen.

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.fyll (50, 1, 4);
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Som et eksempel passerte vi 50, 1 og 3 I fyllemetoden, nå vil fyllemetoden erstatte matriseelementene fra indeks 1 til indeks 3 med 50. Mens de gjenværende indeksens verdier vil forbli uendret. Nå observer utgangen av parameterisert fyllemetode:

Splice () -metode i JavaScript

I JavaScript brukes metoden “Splice ()” veldig ofte på grunn av dens unike og spesifikke egenskaper. Den kan legge til eller slette elementene i en matrise, og den kan utføre begge handlingene samtidig.

"Splice ()" -metoden inneholder tre parametere:

• Første parameter tar startindeks
• Andre parameter spesifiserer det totale antall elementer som skal slettes
• Tredje parameter er valgfritt, og det tar elementet å sette inn i matrisen

Tenk nå på et eksempel der vi ønsker å legge til et element i matrisen uten å slette noe eksisterende element:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.skjøte (2, 0, 5);
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

I dette eksemplet setter vi verdien av den andre parameteren som 0. I utgangen observerte vi at '5' er lagt til ved indeks to, og den slettet ikke noen eksisterende verdi:

Nå vil vi vurdere et eksempel der vi ønsker å slette et element fra matrisen:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.skjøte (1,2);
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Her i den første parameteren spesifiserer vi startindeksen '1' og i den andre parameteren skriver vi '2' som spesifiserer som sletter to elementer i matrisen. Vi skrev ikke den tredje parameteren fordi vi ikke vil legge til et nytt element i matrisen:

I utgangen bemerket vi at verdiene til indeks 1 og 2 blir slettet fra matrisen:

Nå vil vi vurdere et eksempel for å legge til og slette noen oppføringer av en matrise samtidig:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Splice (1,2,50);
konsoll.Logg ("Den oppdaterte matrisen:", input_array);

Så i dette eksemplet spesifiserer metoden “Splice ()” at fra indeks 1 og fremover sletter to elementer og sett inn ett nytt element ved indeks 1:

Konklusjon

I JavaScript oppretter ikke mutatormetoder nye matriser, i stedet endrer de gjeldende matriser. I denne artikkelen dekket vi forskjellige array -mutatorfunksjoner. Vi lærer hvordan mutatormetoder fungerer i JavaScript, og vi analyserer at blant alle disse metodene, POP -metoden og push -metoden, modifiserer matriserens endelige indekser mens skiftmetoden og UNSHIFT -metoden modifiserer matriserens innledende indekser. Dessuten finner vi ut hvordan du sorterer matrisen i stigende eller synkende rekkefølge og hvordan du kan reversere eller gjenskape matriseelementene ved hjelp av forskjellige mutatormetoder.