map() skapar en ny array från att anropa en funktion för varje arrayelement. Den kör inte funktionen för tomma element eller ändrar den ursprungliga arrayen. JavaScript Map är en samling nyckel-värdepar, som möjliggör effektiv datahämtning och manipulation.

Vid iteration av ett kartobjekt returneras nyckeln och värdeparet i samma ordning som det infogades. Map() konstruktör används för att skapa karta i JavaScript.

JavaScript Karta har en egenskap som representerar storleken på kartan.

Exempel:

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

Steg för att skapa en karta

• Skickar en Array tillnew Map()>
• Skapa en karta och användMap.set()>

Exempel på JavaScript-karta

ny karta()

I detta använder vinew Map()>konstruktör,

Exempel: I det här exemplet namnges en kartaprices>skapas för att associera produktnamn med deras respektive priser, vilket möjliggör effektiv hämtning och hantering av prisinformation.

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

Map.set()

Du kan lägga till element till en karta medset()>metod.

Exempel: I det här exemplet är Map.set()> metod används för att lägga till produktpriser till den angivna kartanprices>.

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

Exempel 1: I det här exemplet kommer vi att skapa ett grundläggande kartobjekt

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) { 'firstname' => 'sumit', 'efternamn' => 'ghosh', 'webbplats' => 'geeksforgeeks' }>

Exempel 2: Det här exemplet lägger till element till kartan med hjälp av uppsättning() metod.

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

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

Exempel 3: Det här exemplet förklarar användningen av kartmetoder som har() , skaffa sig() , radera() , och 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', 'efternamn' => 'ghosh', 'webbplats' => 'geeksforgeeks', 'vän 1' => 'gourav', 'vän 2' => 'sourav' } map1 har en webbplats? true map1 har vän 3 ? falskt få...>

Fördelar med kartan:

Karta objekt som tillhandahålls av ES6 . En nyckel för en karta kan förekomma en gång, vilket kommer att vara unikt i kartsamlingen. Det finns små fördelar med att använda en karta snarare än ett objekt.

• Oavsiktliga nycklar och säkerhet: Inga standardnycklar lagras, innehåller bara det som uttryckligen har lagts in i dem. På grund av det är det säkert att använda.
• Nyckeltyper och beställning: Det kan vara vilket värde som helst som nyckelfunktion, objekt vad som helst. Och ordningen är okomplicerad i ordningen för inmatning.
• Storlek: På grund av storleksegenskapen kan en karta lätt hämtas.
• Prestanda: Alla operationer kan utföras på matematik så enkelt på ett bättre sätt.
• Serialisering och analys: Vi kan skapa vårt eget serialiserings- och analysstöd för Map genom att använda JSON.stringify() och JSON.parse() metoder.

Webbläsare som stöds:

• Google Chrome
• Kant
• Firefox
• Opera
• Safari