Hvordan legge til elementer i en matrise i JavaScript

I JavaScript er prosessen med å legge til flere elementer til begynnelsen eller slutten av en allerede opprettet matrise kjent som "Legg til elementer til en matrise“. Du kan legge til et enkelt element, et sett med elementer eller til og med en hel rekke til en annen matrise. Mer spesifikt lar JavaScript deg krysse eller manipulere matriser ved hjelp av en rekke metoder.

Denne artikkelen vil utdype prosedyren for å legge til elementer i en matrise i JavaScript.

Hvordan legge til elementer i en matrise i JavaScript?

For å legge elementer til en matrise, støtter JavaScript flere metoder:

• Push () Metode
• Concat () -metode
• unshift () -metode
• Splice () -metode

La oss se mer dyptgående ut på disse metodene.

Metode 1: Legg til elementer i en matrise ved hjelp av push () -metode

Den enkleste tilnærmingen for å legge til elementer til slutten av en matrise er "trykk()”Metode i JavaScript. Det gir en ny matrise som en utgang med en ny lengde etter å ha lagt til elementer.

Syntaks
Følg den gitte syntaks for å bruke Push () -metoden for å legge til elementer i Array:

Array.push (element1, element2, ..., elementn);

Her, "Element1, Element2 .. ”Kommer til å bli presset i“Array”Bruke“trykk()”Metode.

Eksempel 1: Legg til ett eller flere elementer i samme matrise
Først vil vi lage en matrise som heter “ansatt”Som lagrer ansattes navn:

var ansatt = ['Stephen', 'Mari', 'John',];

Deretter legger du til to elementer som navnet på ansatte “Rhonda”Og“Susan”I matrisen:

ansatt.Push ('Rhonda', 'Susan');

Skriv ut matrisen med de vedlagte elementene på konsollen:

konsoll.logg (ansatt);

Utgangen viser at elementene blir lagt ved slutten av matrisen, og lengden blir oppdatert til “5”:

Eksempel 2: Legg til en matrise til en annen matrise

Her vil vi lage to matriser “dyr”Og“Petanimals”:

var dyr = ['sebra', 'løve', 'tiger',];
var petanimals = ['katt', 'kanin'];

Skyv nå "petanimals" -arrayelementene inn i den andre arrayen ved å bruke push () -metoden med spredningsoperatør:

dyr.Push (... petanimals);

Skriv deretter ut matrisen "dyr" ved hjelp av "konsoll.Logg()”Metode:

konsoll.logg (dyr);

Den ekstra spredte operatøren kopierer alle elementene i "petanimals" -arrayen, og deretter blir disse elementene lagt til "Animals" -arrayen ved å bruke Push () -metoden:

La oss se en annen metode for å legge til en rekke til en annen.

Metode 2: Legg til elementer i en matrise ved hjelp av concat () -metode

“concat ()”Metode brukes til å legge elementene til en matrise til en annen, eller vi kan si at den blir med to eller flere matriser. Den fusjonerer to matriser ved å legge til elementer av en matrise i en annen og returnerer den eneste matrisen.

Syntaks
Bruk den undergitte syntaks for å bruke Concat () -metoden:

Array.Concat (Array1, Array2, ..., Arrayn);

Eksempel
Vi vil bruke den allerede opprettede matrisen og påkalle concat () -metoden for å sammenkoble petanimals -matriseelementene med "dyr" -array og deretter lagre de resulterende elementene i den nye matrisen:

var array = dyr.Concat (petanimals)

Til slutt, skriv ut de nye matriseelementene ved å bruke “konsoll.Logg()”Metode:

konsoll.logg (matrise);

Det kan sees at elementene i matrisen “Petanimals”Er vellykket lagt til matrisen“dyr”:

Ønsker å legge til elementer i begynnelsen av matrisen? Følg neste avsnitt!

Metode 3: Legg til elementer i en matrise ved hjelp av unshift () -metode

Det er en annen JavaScript -metode som heter “unshift ()”Som kan legge til eller legge til elementer i starten eller begynnelsen av en matrise.

Syntaks
Følg den gitte syntaks for å legge til elementer i begynnelsen av en matrise som bruker "unshift ()”Metode:

Array.unshift (element1, element2, ..., elementn);

Eksempel
Her vil vi lage en matrise som heter “fugler”Med to elementer:“Papegøye”Og“Due”:

var fugler = ['papegøye', 'due',];

Deretter, ring "unshift ()”Metode ved å passere et element“Cocktail”Det må legges ved det opprettede matrisen:

fugler.unshift ('cocktail');

Til slutt, skriv ut den oppdaterte matrisen på konsollen:

konsoll.logg (fugler);

Produksjon

La oss flytte til en annen metode for å legge til elementet midt i en matrise.

Metode 4: Legg til elementer i en matrise ved hjelp av Splice () -metode

Hvis du vil erstatte matriseelementer eller legge til elementer i en matrise til hvilken som helst spesifisert indeks, bruk JavaScript forhåndsdefinerte metode “Splice ()”. Videre vil vi bruke den til å legge til elementer midt i en matrise.

Syntaks
Følg den gitte syntaksen for å bruke Splice () -metoden for å legge til elementer i en matrise:

Array.Splice (StartIndex, DeleteCount, Element1, ..., Elementn)

Her, "StartIndex”Er plasseringen i matrisen der et nytt element skal plasseres,“Sletting”Indikerer hvor mange elementer som skal elimineres, og“element1, ..., elementn”Er elementene som må legges ved.

Eksempel
Nå vil vi legge til elementer i det samme “fugler”Array ved å bestå argumenter startindeksen”1”Der de nye elementene må vedlegges,”0”Indikerer at intet element skal slettes, og deretter”Cocktail”Og“spurv”Er de nødvendige elementene:

fugler.Splice (1, 0, 'Cocktail', 'Sparrow');

Skriv ut matrisen “fugler”På konsollen ved å bruke“konsoll.Logg()”Metode:

konsoll.logg (fugler);

Output betyr at elementene blir lagt ved midten av matrisen:

Vi har samlet alle de beste metodene for å legge til elementer i en rekke i JavaScript.

Konklusjon

For å legge elementer til en matrise, kan du bruke JavaScript-innebygde metoder, inkludert "trykk()”Metode,“concat ()”Metode,“unshift ()”Metode, eller“Splice ()”Metode. Push () -metoden kan sette inn elementer på slutten av en matrise, mens UN -SHIFT () -metoden legger til elementer i starten av en matrise, Splice () -metoden setter inn et nytt element midt på matrisen, og Concat ( ) Metode fusjonerer to eller flere matriser. I denne artikkelen utdypet vi prosedyren for å legge til elementer i JavaScript -matriser med riktige eksempler.