logo

JavaScript-kart

map() oppretter en ny matrise fra å kalle en funksjon for hvert matriseelement. Den utfører ikke funksjonen for tomme elementer eller endrer den opprinnelige matrisen. JavaScript Map er en samling nøkkel-verdi-par, som muliggjør effektiv datainnhenting og manipulering.

hva er eksportkommando i linux

Ved iterasjon av et kartobjekt returnerer nøkkelen og verdiparet i samme rekkefølge som satt inn. Kart() konstruktør brukes til å lage kart i JavaScript.

JavaScript Kart har en egenskap som representerer størrelsen på kartet.



Eksempel:

  Input:  let map1 = new Map([  [1 , 10], [2 , 20] ,  [3, 30],[4, 40]  ]);   console.log('Map1: '); console.log(map1);   Output:  // Map1:  // Map(4) { 1 =>10, 2 => 20, 3 => 30, 4 => 40 }>

Trinn for å lage et kart

  • Sender en array tilnew Map()>
  • Lag et kart og brukMap.set()>

Eksempler på JavaScript-kart

nytt kart()

I dette bruker vinew Map()>konstruktør,

Eksempel: I dette eksemplet er et kart kaltprices>er opprettet for å knytte produktnavn til deres respektive priser, noe som muliggjør effektiv gjenfinning og administrasjon av prisinformasjon.

string java erstatning
// Creating a Map for product prices const prices = new Map([   ['Laptop', 1000],  ['Smartphone', 800],  ['Tablet', 400]  ]);>

Map.set()

Du kan legge til elementer på et kart medset()>metode.

Eksempel: I dette eksemplet er Map.set()> metoden brukes for å legge til produktpriser på det navngitte kartetprices>.

// Creating a Map for product prices  const prices = new Map();  // Using Map.set() to add product prices   prices.set('Laptop', 1000);   prices.set('Smartphone', 800);  // The Map now contains { 'Laptop' =>1000, 'Smarttelefon' => 800 }>

Eksempel 1: I dette eksemplet skal vi lage et grunnleggende kartobjekt

Javascript
let map1 = new Map([  [1, 2],  [2, 3],  [4, 5] ]); console.log('Map1'); console.log(map1); let map2 = new Map([  ['firstname', 'sumit'],  ['lastname', 'ghosh'],  ['website', 'geeksforgeeks'] ]); console.log('Map2'); console.log(map2);>

Produksjon
Map1 Map(3) { 1 =>2, 2 => 3, 4 => 5 } Map2 Map(3) { 'fornavn' => 'sumit', 'etternavn' => 'ghosh', 'nettsted' => 'geeksforgeeks' }>

Eksempel 2: Dette eksemplet legger til elementer til kartet ved hjelp av sett() metode.

Javascript
let map1 = new Map(); map1.set('FirstName', 'Shobhit'); map1.set('LastName', 'Sharma'); map1.set('website', 'techcodeview.com'); console.log(map1);>

Produksjon
Map(3) { 'FirstName' =>'Shobhit', 'Etternavn' => 'Sharma', 'nettsted' => 'techcodeview.com' }>

Eksempel 3: Dette eksemplet forklarer bruken av kartmetoder som har() , få() , slett() , og klar() .

Javascript
let map1 = new Map(); map1.set('first name', 'sumit'); map1.set('last name', 'ghosh'); map1.set('website', 'geeksforgeeks')  .set('friend 1','gourav')  .set('friend 2','sourav'); console.log(map1);   console.log('map1 has website ? '+   map1.has('website')); console.log('map1 has friend 3 ? ' +   map1.has('friend 3')); console.log('get value for key website '+  map1.get('website')); console.log('get value for key friend 3 '+  map1.get('friend 3')); console.log('delete element with key website '   + map1.delete('website'));   console.log('map1 has website ? '+   map1.has('website')); console.log('delete element with key website ' +  map1.delete('friend 3')); map1.clear(); console.log(map1);>

Produksjon
Map(5) { 'first name' =>'sumit', 'etternavn' => 'ghosh', 'nettsted' => 'geeksforgeeks', 'venn 1' => 'gourav', 'venn 2' => 'sourav' } kart1 har nettside ? sant kart1 har venn 3? falsk få...>

Fordeler med kart:

Kart objekt levert av ES6 . En nøkkel til et kart kan forekomme én gang, noe som vil være unikt i kartsamlingen. Det er små fordeler med å bruke et kart i stedet for et objekt.

  • Tilfeldige nøkler og sikkerhet: Ingen standardnøkler lagres, inneholder bare det som er eksplisitt lagt inn i dem. På grunn av det er det trygt å bruke.
  • Nøkkeltyper og rekkefølge: Det kan være hvilken som helst verdi som nøkkelfunksjon, objekter hva som helst. Og rekkefølgen er grei måte i rekkefølgen for innsetting.
  • Størrelse: På grunn av størrelsesegenskapen kan et kart enkelt hentes frem.
  • Opptreden: Enhver operasjon kan utføres på matematikk så enkelt på en bedre måte.
  • Serialisering og parsing: Vi kan lage vår egen serialiserings- og parsingstøtte for Map ved å bruke JSON.stringify() og JSON.parse() metoder.

Støttede nettlesere:

  • Google Chrome
  • Kant
  • Firefox
  • Opera
  • Safari