map() opretter et nyt array ved at kalde en funktion for hvert array-element. Det udfører ikke funktionen for tomme elementer eller ændrer det oprindelige array. JavaScript Map er en samling af nøgleværdi-par, der muliggør effektiv datahentning og manipulation.

hvad er eksportkommando i linux

Ved iteration af et kortobjekt returnerer nøglen og værdiparret i samme rækkefølge som indsat. Map() konstruktør bruges til at oprette kort i JavaScript.

JavaScript Kort har en egenskab, der repræsenterer størrelsen af ​​kortet.

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 }>

Trin til at oprette et kort

• Sender et array tilnew Map()>
• Opret et kort og brugMap.set()>

Eksempler på JavaScript-kort

nyt kort()

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

Eksempel: I dette eksempel hedder et kortprices>er skabt for at forbinde produktnavne med deres respektive priser, hvilket giver mulighed for effektiv genfinding og styring af prisinformation.

string java udskiftning

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

Map.set()

Du kan tilføje elementer til et kort medset()>metode.

Eksempel: I dette eksempel er Map.set()> metoden bruges til at tilføje produktpriser til det navngivne kortprices>.

// 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, 'Smartphone' => 800 }>

Eksempel 1: I dette eksempel vil vi oprette et grundlæggende kortobjekt

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);>

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

Eksempel 2: Dette eksempel tilføjer elementer til kortet vha sæt() metode.

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

Map(3) { 'FirstName' =>'Shobhit', 'Efternavn' => 'Sharma', 'website' => 'techcodeview.com' }>

Eksempel 3: Dette eksempel forklarer brugen af ​​kortmetoder som f.eks har() , få() , slet() , og klar() .

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);>

Map(5) { 'first name' =>'sumit', 'efternavn' => 'ghosh', 'websted' => 'geeksforgeeks', 'ven 1' => 'gourav', 'ven 2' => 'sourav' } kort1 har hjemmeside ? true map1 har ven 3? falsk få...>

Fordele ved kort:

Kort objekt leveret af ES6 . En nøgle til et kort kan forekomme én gang, hvilket vil være unikt i kortets samling. Der er små fordele ved at bruge et kort frem for et objekt.

• Utilsigtede nøgler og sikkerhed: Ingen standardnøgler gemmes, indeholder kun det, der er eksplicit lagt i dem. På grund af det er det sikkert at bruge.
• Nøgletyper og rækkefølge: Det kan være enhver værdi som en nøglefunktion, objekter hvad som helst. Og rækkefølgen er ligetil måde i rækkefølgen af ​​indtastning.
• Størrelse: På grund af størrelsesegenskaben kan et kort nemt hentes frem.
• Ydeevne: Enhver operation kan udføres på matematik så let på en bedre måde.
• Serialisering og parsing: Vi kan oprette vores egen serialiserings- og parsingunderstøttelse for Map ved at bruge JSON.stringify() og JSON.parse() metoder.

Understøttede browsere:

• Google Chrome
• Edge
• Firefox
• Opera
• Safari