Kartobjekt i JavaScript | Forklart
I JavaScript brukes forskjellige datastrukturer som matriser og objekter for å lagre datainnsamlingen. I JavaScript kan nøkkelverdipar lagres i objektene. ECMASCRIPT 2015 tilbyr et nytt iterable objekt som heter kart som gir mer fleksibilitet ved å lagre elementene som nøkkelverdipar.
Dette innlegget vil presentere en detaljert oversikt over kartobjektet, og det vil bli organisert som følger:
- Hva er et kartobjekt?
- Hvordan lage et kartobjekt?
- Kartobjektmetoder i JavaScript.
- Hvordan slette kartelementer?
- Hvordan få nøkkens verdi på et kart?
- Hvordan få antall kartelementer?
- Hvordan hente nøkler fra et kartobjekt?
Hva er et kartobjekt?
De nedenfor listede punktene vil hjelpe deg med å forstå konseptet med kartobjekt:
- Det er en samling av elementer/elementer.
- Det kan holde/lagre nøkkelverdiparene.
- Den opprettholder innsettingsrekkefølgen på nøkkelverdiparet.
- Nøkler i et kartobjekt kan være av hvilken som helst datatype som tall, strenger, objekter osv.
Hvordan lage et kartobjekt?
Et kartobjekt kan opprettes enten ved hjelp av en ny kart () konstruktør eller SET () -metoden. Vi vil forstå arbeidet med hver metode en etter en.
Hvordan lage et kartobjekt ved hjelp av det nye kart () konstruktøren?
I JavaScript kan vi opprette et kartobjekt ved hjelp av et nytt kart () konstruktør. For å gjøre det, må vi gi en rekke elementer til den nye MAP () -metoden:
| 1 2 3 4 5 6 7 8 | var stddetails = nytt kart ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); konsoll.logg (stddetails); |
La oss nå utføre koden ovenfor for å se hva som vil være den resulterende utdata:
Slik fungerer den nye MAP () -metoden i JavaScript.
Hvordan lage et kartobjekt ved hjelp av SET () -metoden?
En annen måte å lage et kartobjekt er SET () -metode som lar oss legge til elementer på et kart.
| 1 2 3 4 5 6 7 | var stddetails = nytt kart () Stddetails.sett (1, "Alex"), Stddetails.sett (2, "Dean"), Stddetails.sett (3, "Joanes"), Stddetails.sett (4, "John"), Stddetails.sett (5, "Joe"), konsoll.logg (stddetails); |
Ovennevnte kode vil gi det gitt resultat nedenfor:
Utgangen avklarte at kartobjektet med fem elementer hadde blitt opprettet med hell.
Kartobjektmetoder i JavaScript
Den undergitte tabellen vil illustrere kartmetodene og deres arbeid i JavaScript:
| Metode | Beskrivelse |
|---|---|
| Nytt kart () | Det brukes til å lage et nytt kartobjekt. |
| sett() | Set () -metoden angir nøkkens verdi på et kart. |
| få() | Denne metoden brukes til å få en verdi koblet til en spesifikk nøkkel på kartet. |
| slett () | Det sletter et kartelement tilknyttet en spesifikk tast. |
| klar() | Det sletter/teller alle kartelementene. |
| for hver() | Det påkaller en tilbakeringing for hvert eneste nøkkel/verdipar som er til stede på kartet |
| har () | Det brukes til å sjekke om det finnes en spesifikk tast på kartet. |
| nøkler () | Denne metoden brukes til å få karttastene. |
| innganger() | Den returnerer et iteratorobjekt som består av et [nøkkel, verdi] -par som er til stede på et kart. |
| verdier () | Denne metoden returnerer et iteratorobjekt som inneholder alle kartverdier. |
Når kartobjektet er opprettet, kan du bruke noen av de ovennevnte metodene for å oppnå forskjellige funksjonaliteter.
Hvordan slette kartelementer?
I JavaScript kan slettemetoden brukes til å fjerne MAP -element som vist i følgende kodebit:
| 1 2 3 4 5 6 7 8 9 | var stddetails = nytt kart ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); Stddetails.slett (3); konsoll.logg (stddetails); |
I dette eksemplet passerte vi 3 til Delete () -metoden, som vil fjerne kartelementet som har ID 3:
Slik kan vi slette et spesifikt kartelement, men i JavaScript kan Clear () -metoden brukes til å slette alle kartelementer:
| 1 2 3 4 5 6 7 8 9 | var stddetails = nytt kart ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); Stddetails.klar(); konsoll.logg (stddetails); |
Her er utgangen for Clear () -metoden:
Hvordan få verdien av en nøkkel på et kart?
I JavaScript kan get () -metoden brukes til å få en verdi tilknyttet en nøkkel på kartet som vist i det undergitte kodebiten:
| 1 2 3 4 5 6 7 8 | var stddetails = nytt kart ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); konsoll.Logg (Stddetails.få (5)); |
Get () -metoden vil produsere følgende utgang:
Hvordan få størrelsen/antall kartelementer?
I JavaScript har kartobjektet en egenskap som heter størrelse som kan brukes til å få antall elementer på et kart.
| 1 2 3 4 5 6 7 8 | var stddetails = nytt kart ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); konsoll.Logg (Stddetails.størrelse); |
Størrelsesegenskapen vil generere følgende utgang:
Slik kan du få størrelsen på et kart.
Hvordan hente nøkler fra et kartobjekt?
I JavaScript kan nøkkelen () -metoden brukes til å få nøklene til et kartobjekt:
| 1 2 3 4 5 6 7 8 9 10 11 12 1. 3 | var stddetails = nytt kart ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); var string = ""; for (var elementer av stddetails.Keys ()) String + = elementer + "\ n"; konsoll.log (streng); |
La oss nå utføre koden ovenfor for å se hva som vil være den resulterende utdata:
Slik kan vi bruke hvilken som helst kart () objektmetode for å oppnå forskjellige funksjonaliteter.
Konklusjon
Kartobjekt i JavaScript er en samling av elementer som kan holde/lagre nøkkelverdiparene. Nøkler i et kartobjekt kan være av hvilken som helst datatype som tall, strenger, objekter osv. Kartobjektet opprettholder rekkefølgen på nøkkelverdi-paret. Kartobjektet tilbyr mange metoder som brukes til forskjellige formål. Dette innlegget forklarte hva kartobjektet er og hvordan du bruker kartobjektmetodene for å oppnå forskjellige funksjonaliteter.