map() creëert een nieuwe array door een functie aan te roepen voor elk array-element. Het voert de functie niet uit voor lege elementen en wijzigt de originele array niet. JavaScript Map is een verzameling sleutel-waardeparen, waardoor het efficiënt ophalen en manipuleren van gegevens mogelijk is.

Bij iteratie retourneert een kaartobject de sleutel en het waardepaar in dezelfde volgorde als ingevoegd. Map()-constructor wordt gebruikt om Map in JavaScript te maken.

JavaScript Kaart heeft een eigenschap die de grootte van de kaart weergeeft.

Voorbeeld:

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

Stappen om een ​​kaart te maken

• Een array doorgeven aannew Map()>
• Maak een kaart en gebruik dezeMap.set()>

Voorbeelden van JavaScript-kaart

nieuwe kaart()

Hierin gebruiken wijnew Map()>bouwer,

Voorbeeld: In dit voorbeeld wordt een kaart genoemdprices>is gemaakt om productnamen te associëren met hun respectievelijke prijzen, waardoor prijsinformatie efficiënt kan worden opgehaald en beheerd.

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

Kaart.set()

U kunt elementen aan een kaart toevoegen met deset()>methode.

Voorbeeld: In dit voorbeeld is de Map.set()> methode wordt gebruikt om productprijzen toe te voegen aan de genoemde kaartprices>.

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

Voorbeeld 1: In dit voorbeeld maken we een basiskaartobject

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) { 'voornaam' => 'sumit', 'achternaam' => 'ghosh', 'website' => 'geeksforgeeks' }>

Voorbeeld 2: In dit voorbeeld worden elementen aan de kaart toegevoegd met behulp van set() methode.

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

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

Voorbeeld 3: In dit voorbeeld wordt het gebruik van Map-methoden uitgelegd, zoals heeft() , krijgen() , verwijderen() , En duidelijk() .

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', 'achternaam' => 'ghosh', 'website' => 'geeksforgeeks', 'friend 1' => 'gourav', 'friend 2' => 'sourav' } map1 heeft website? true map1 heeft vriend 3? false get...>

Voordelen van kaart:

Kaart voorwerp verstrekt door ES6 . Een sleutel van een kaart kan één keer voorkomen, wat uniek is in de verzameling van de kaart. Er zijn kleine voordelen aan het gebruik van een kaart in plaats van een object.

• Toevallige sleutels en beveiliging: Er worden geen standaardsleutels opgeslagen, maar bevatten alleen wat er expliciet in is geplaatst. Daarom is het veilig om te gebruiken.
• Sleuteltypen en volgorde: Het kan elke waarde als sleutelfunctie zijn, of bezwaar maken tegen alles. En de volgorde is eenvoudig in de volgorde van invoer.
• Maat: Vanwege de grootte-eigenschap kan een kaart eenvoudig worden opgehaald.
• Prestatie: Elke bewerking kan zo gemakkelijk en op een betere manier op wiskunde worden uitgevoerd.
• Serialisatie en parseren: We kunnen onze eigen serialisatie- en parseringsondersteuning voor Map creëren door gebruik te maken van JSON.stringify() En JSON.parse() methoden.

Ondersteunde browsers:

• Google Chrome
• Rand
• Firefox
• Opera
• Safari