JavaScript Associative Array | Forklart

Assosiative matriser tjene som grunnlaget for JavaScript -språket. Alt i JavaScript blir referert til som et objekt, eller det er riktigere å si at alt erklært i JavaScript er et assosiativt utvalg. For eksempel er et nytt objekt du oppretter i JavaScript et assosiativt utvalg, og for å generere andre JavaScript -datastrukturer, må du starte med et assosiativt utvalg.

Denne oppskrivningen vil forklare arbeidet med assosiative matriser i JavaScript. Så la oss starte!

JavaScript assosiativ matrise

En JavaScript assosiativ matrise regnes som en samling av nøkler. Disse nøklene er assosiert med deres respektive verdier På en slik måte at når nøkkelen sendes til matrisen, returnerer den den tilsvarende verdien. Det er det begrepet “assosiasjon”Betegner.

Assosiative matriser i JavaScript anses som "Objekter,”Ikke normale matriser. Det er grunnen til at bare metodene og egenskapene relatert til objekter blir tildelt det.

Hvordan lage JavaScript Associative Array

For å opprette et JavaScript assosiativ matrise, må du følge den undergitte syntaks:

var array = Key1: 'Value1', Key2: 'Value2'

Her, “Array”Er et assosiativt utvalg som omfatter“Key1”Og“Key2”Som streng indekserer med sine respektive verdier som“verdi1”Og“verdi2”.

For eksempel vil vi opprette en JavaScript -matrise som heter “ansatt”Å ha to nøkler,”ansattes navn”Og“Alder”. “verdi" av "ansattes navn”Nøkkel er satt til“Alex" og dets "Alder" som "25”:

var ansatt =
"Ansatt navn": 'Alex',
"Alder": 25
;

Slik oppretter du et JavaScript Associativ matrise.

Hvordan beregne lengden på JavaScript Associative Array

JavaScript assosiativ matrise er ikke et normalt utvalg; Derfor kan vi ikke bruke et matriseobjekt “lengde”Attributt for å se dens lengde.

For å beregne den assosiative matrise lengden, må vi lage en "Gjenstand.størrelse()”Funksjon. “Gjenstand.størrelse()”-Funksjonen vil iterere gjennom“nøkler”Av det assosiative matrisen og bruk“hasownProperty () ” Metoden er å bekrefte eksistensen av nøkler i den. I tilfelle, hvis den ekstra tilstanden evaluerer å være “sannhet”Så vil størrelsen på matrisen bli økt, som opprinnelig ble satt til“0”:

Gjenstand.størrelse = funksjon (matrise)
var størrelse = 0;
for (var nøkkel i array)
hvis (matrise.HasownProperty (Key)))
størrelse ++;

returstørrelse;
;

Deretter vil vi påkalle "Gjenstand.størrelse() ”Metode for å sjekke lengden på det opprettede JavaScript Associative Array:

var lengde = objekt.størrelse (ansatt);
konsoll.Logg ("Lengde på ansattes matrise er:" + lengde);

Som du kan se fra utgangen, lengden på "ansatt”Associativ matray er“2”:

Tilsvarende kan du også bruke "Gjenstand.nøkler ()”Metode for å beregne lengden på et assosiativt utvalg:

konsoll.Logg ("Lengde på ansattes matrise er:" + Objekt.Nøkler (ansatt).lengde);

Produksjon

Hvordan hente verdier av JavaScript Associative Array

I et assosiativt utvalg kan du hente verdiene til de ekstra nøklene ved å bruke "til" Løkke:

for (var nøkkel i ansatt)
var verdi = ansatt [nøkkel];
konsoll.Log (Key + "=" + Value + ");

Ovennevnte “til”Loop vil iterere gjennom“ansatt”Array og hente verdier av tilførte nøkler:

Hvordan konvertere JavaScript Associative Array til normal matrise

Ønsker å konvertere JavaScript Associative Array til en normal matrise? For å gjøre det, påkalle JavaScript “kart()”Funksjon. Kart () -funksjonen vil returnere et normalt utvalg fra å ringe funksjonen for hver tast ”k" av "ansatt”Associativ matrise:

var elementer = objekt.Nøkler (ansatt).kart (funksjon (k)
return ansatt [k];
)
konsoll.logg (elementer);

Den nyopprettede matrisen plasserte verdiene til “ansatt”Nøkkel i sekvensielle indekser 0 og 1:

Det handlet om JavaScript Associative Array. La oss sjekke ut forskjellen mellom et assosiativt utvalg og normal matrise i JavaScript før en assosiativ rekke.

Forskjell mellom normal matrise og assosiativ matrise i JavaScript

Ta en titt på følgende tabell for å forstå forskjellen mellom normal matrise og assosiativ matrise i JavaScript:

Normal matrise	Assosiativ matrise
En normal matrise erklært ved hjelp av krøllete stag “[].”	Et assosiativt utvalg opprettes ved hjelp av firkantede parenteser "”.
I et normalt utvalg får det tilgang til verdier ved å bruke "indekser”.	I et assosiativt utvalg får det tilgang til verdier ved å bruke “nøkler”.
Et normalt utvalg inneholder bestilte verdier basert på indeksene.	Et assosiativt utvalg omfatter uordnede verdier basert på nøklene.
De normale matrisetastene er av “Antall”Type.	De assosiative array -tastene kan være av streng eller Antall type.
Eksempel: var ansatt = [“Alex”, 25];	Eksempel: var ansatt = “Ansattes navn”: 'Alex', “Alder”: 25 ;

Vi har samlet den essensielle informasjonen relatert til JavaScript Associative Array. Utforsk det i henhold til dine preferanser.

Konklusjon

En JavaScript assosiativ matrise regnes som en samling nøkler. Disse nøklene er assosiert med deres respektive verdier på en slik måte at når nøkkelen sendes til det assosiative matrisen, returnerer den den tilsvarende verdien. Assosiative matriser i JavaScript regnes som objekter, ikke normale matriser; Det er grunnen til at bare metodene og egenskapene relatert til objekter blir tildelt et assosiativt utvalg. Denne oppskrivningen forklarte JavaScript Associative Arrays.