map() ustvari novo matriko s klicanjem funkcije za vsak element matrike. Ne izvede funkcije za prazne elemente ali spremeni izvirne matrike. JavaScript Map je zbirka parov ključ-vrednost, ki omogoča učinkovito pridobivanje podatkov in manipulacijo.

Pri ponavljanju objekt zemljevida vrne ključ in par vrednosti v istem vrstnem redu, kot je bil vstavljen. Map() konstruktor se uporablja za ustvarjanje zemljevida v JavaScriptu.

JavaScript Zemljevid ima lastnost, ki predstavlja velikost zemljevida.

primer:

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

Koraki za ustvarjanje zemljevida

• Posredovanje matrike vnew Map()>
• Ustvarite zemljevid in ga uporabiteMap.set()>

Primeri zemljevida JavaScript

nov zemljevid()

Pri tem uporabljamonew Map()>konstruktor,

primer: V tem primeru zemljevid z imenomprices>je ustvarjen za povezovanje imen izdelkov z njihovimi cenami, kar omogoča učinkovito iskanje in upravljanje informacij o cenah.

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

Map.set()

Zemljevidu lahko dodate elemente zset()>metoda.

primer: V tem primeru je Map.set()> metoda se uporablja za dodajanje cen izdelkov na imenovani zemljevidprices>.

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

Primer 1: V tem primeru bomo ustvarili osnovni objekt zemljevida

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) { 'ime' => 'sumit', 'priimek' => 'ghosh', 'spletno mesto' => 'geeksforgeeks' }>

Primer 2: Ta primer dodaja elemente zemljevidu z uporabo set() metoda.

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

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

Primer 3: Ta primer pojasnjuje uporabo metod Map, kot je ima() , dobiti () , izbrisati() , in počisti() .

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', 'last name' => 'ghosh', 'website' => 'geeksforgeeks', 'prijatelj 1' => 'gourav', 'prijatelj 2' => 'sourav' } map1 ima spletno stran? pravi zemljevid1 ima prijatelja 3? false get...>

Prednosti zemljevida:

Zemljevid predmet, ki ga ES6 . Ključ zemljevida se lahko pojavi enkrat, kar bo edinstveno v zbirki zemljevida. Uporaba zemljevida ima manjše prednosti namesto predmeta.

• Naključni ključi in varnost: Privzeti ključi niso shranjeni, vsebujejo samo tisto, kar je izrecno vneseno vanje. Zaradi tega je varna za uporabo.
• Ključne vrste in vrstni red: Lahko je katera koli vrednost kot ključna funkcija, objekt karkoli. In vrstni red je preprost v vrstnem redu vnosa vnosa.
• Velikost: Zaradi lastnosti velikosti je zemljevid mogoče preprosto pridobiti.
• Izvedba: Vsako operacijo je mogoče na matematiki tako enostavno izvesti na boljši način.
• Serializacija in razčlenjevanje: Ustvarimo lahko lastno podporo za serializacijo in razčlenjevanje za Map z uporabo JSON.stringify() in JSON.parse() metode.

Podprti brskalniki:

• Google Chrome
• Edge
• Firefox
• Opera
• Safari