Hvordan lage dynamisk matrise i JavaScript

En dynamisk matrise er en listedatastruktur som har en variabel størrelse. Det utvides automatisk når du prøver å legge til flere elementer etter å ha opprettet det. Den dynamiske matrisen tillater også å legge til eller fjerne elementer fra matrisen til kjøretid. Den kan også oppdatere størrelsen etter å ha utført slike operasjoner.

JavaScript -matriser er dynamisk i naturen, noe som innebærer at lengden deres kan endres på utførelsestidspunktet (når det er nødvendig). Kjøretidssystemet tildeler automatisk dynamiske Arrays elementer basert på de benyttede indeksene.

Ønsker å lage en dynamisk matrise? Hvis ja, følg dette innlegget, da vi vil diskutere prosedyren for å lage dynamiske matriser i JavaScript.

Så la oss starte!

Hvordan lage dynamisk matrise i JavaScript

For å lage et dynamisk utvalg i JavaScript, kan du følge noen av de undergitte metodene:

• Opprette dynamisk matrise ved hjelp av Matrise bokstavelig
• Opprette dynamisk matrise ved hjelp av Standard konstruktør
• Opprette dynamisk matrise ved hjelp av Parameterisert konstruktør

Vi vil forklare hver av metodene som er nevnt ovenfor i de neste seksjonene.

Hvordan lage dynamisk matrise i JavaScript ved hjelp av Array Literal

I JavaScript er en liste over enkelt- eller flere uttrykk, der hvert uttrykk representerer et array -element kjent som "Matrise bokstavelig”. Vanligvis er elementene som er lagt til i en matrise bokstavelig omsluttet i firkantede parenteser "[]”.

Når en dynamisk matrise opprettes ved å bruke en gruppe bokstavelig, initialiseres den med noen spesifikke verdier som matrise "elementer,”Og lengden settes automatisk i henhold til antall ekstra argumenter.

Syntaks for å lage dynamisk matrise i JavaScript ved hjelp av Array Literal

var array = [element1, element2, element3,…];

Her, “Array”Er et dynamisk utvalg som omfatter flere elementer som“Element1”,“Element2”,“elementer3" og så videre.

Eksempel: Hvordan lage dynamisk matrise i JavaScript ved hjelp av Array Literal

Vi vil lage et dynamisk utvalg som heter “Array1”Og initialiser det med følgende elementer:

var array1 = ['linuxhint', 'er', 'nummer', 1, 'nettsted'];

Deretter vil vi sjekke lengden på den opprettede dynamiske matrisen:

konsoll.Logg (Array1.lengde);

Som "Array1”Initialiseres med fem elementer, det er derfor lengden er satt til“5”:

Å iterere over elementene i “Array1”, Vi vil bruke“for ... loop”:

for (var i = 0; i <= array1.length; i++)
konsoll.Logg (Array1 [i]);

Det gitte “for ... loop”Vil vise“Array1”Elementer på konsollen:

Hvordan lage dynamisk matrise i JavaScript ved hjelp av standardkonstruktør

En annen metode for å lage en dynamisk matrise er å bruke “Array ()” Standard konstruktør. Denne standardkonstruktøren har ingen argumenter, så i utgangspunktet vil lengden på den deklarerte dynamiske arrayen bli satt til “0”.

Syntaks for å lage dynamisk matrise i JavaScript ved hjelp av standardkonstruktør

var array = new Array ();

Her, den dynamiske “Array”Er opprettet ved å bruke den forhåndsdefinerte array () konstruktøren.

Eksempel: Hvordan lage dynamisk matrise i JavaScript ved hjelp av standardkonstruktør

Først vil vi bruke "Array ()”Standardkonstruktør for å lage en dynamisk matrise som heter“Array2”:

var array2 = new Array ();
Array2.lengde;

Siden vi ikke har lagt til noe element ennå, er lengden på "Array2”Er lik null:

I neste trinn vil vi legge til noen elementer til "Array2”Bruke JavaScript”trykk()”. “trykk()”Metode aksepterer elementet som et argument som må skyves inn i den spesifiserte matrisen:

Array2.Push ('Linuxhint');
Array2.Push ('nettsted');
Array2.lengde;

Inntil dette punktet har vi lagt til to elementer i "Array2,”Som betyr at lengden nå er satt til“2”I stedet for null:

Til slutt vil vi bruke "for ... loop”Å iterere over“Array2”Elementer og se på verdiene deres:

for (var i = 0; i <= array2.length; i++)
konsoll.Logg (Array2 [i]);

Produksjon

Hvordan lage dynamisk matrise i JavaScript ved hjelp av parameterisert konstruktør

JavaScript lar deg også lage en dynamisk matrise ved hjelp av "Parameterisert konstruktør ” av det innebygde Array klasse. For å gjøre det, må du passere elementer som et argument til array () parameterisert konstruktør.

Syntaks for å lage dynamisk matrise i JavaScript ved hjelp av parameterisert konstruktør

var array = ny matrise (element1, element2, element3, ...);

Her, “Array”Er et dynamisk utvalg som omfatter flere elementer som“Element1”,“Element2”,“elementer3", og så videre.

Eksempel: Hvordan lage dynamisk matrise i JavaScript ved hjelp av parameterisert konstruktør

Vi vil nå lage en dynamisk matrise som heter “Array2”Bruke den parameteriserte konstruktøren mens han passerer det undergitte argumentet som dets“elementer:

var array3 = ny matrise ('linuxhint', 'er', 'nummer', 1, 'nettsted');
konsoll.Logg (Array3.lengde);

Lengden på “Array3" er "5”Som matrisen består av fem elementer:

Deretter vil vi iterere gjennom elementene i “Array3”Og skriv ut verdiene deres på konsollvinduet:

for (var i = 0; i <= array3.length; i++)
konsoll.Logg (Array3 [i]);

Produksjon

Vi har samlet tre forskjellige metoder for å lage dynamiske matriser i JavaScript. Du kan bruke noen av dem i henhold til dine krav.

Konklusjon

Ved hjelp av Matrise bokstavelig, Array standardkonstruktør, og Parameterisert konstruktør, du kan Lag dynamiske matriser i JavaScript. JavaScript -matriser er dynamisk i naturen, noe som innebærer at lengden deres kan endres på utførelsestidspunktet. De tillater deg også å legge til eller fjerne elementer ved kjøretid og deretter oppdatere størrelsen automatisk etter å ha utført de spesifiserte operasjonene. Denne oppskrivningen diskuterte prosedyren for å lage dynamiske matriser i JavaScript.