map() vytvorí nové pole volaním funkcie pre každý prvok poľa. Nevykoná funkciu pre prázdne prvky ani nezmení pôvodné pole. Mapa JavaScriptu je zbierka párov kľúč – hodnota, ktorá umožňuje efektívne získavanie údajov a manipuláciu s nimi.

Pri iterácii mapový objekt vráti pár kľúča a hodnoty v rovnakom poradí, v akom boli vložené. Konštruktor mapy (). sa používa na vytvorenie mapy v JavaScripte.

JavaScript Mapa má vlastnosť, ktorá predstavuje veľkosť mapy.

Príklad:

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

Kroky na vytvorenie mapy

• Odovzdanie poľa donew Map()>
• Vytvorte mapu a použite juMap.set()>

Príklady JavaScriptovej mapy

nová mapa()

V tomto používamenew Map()>konštruktér,

Príklad: V tomto príklade je to mapa s názvomprices>je vytvorený tak, aby spájal názvy produktov s ich príslušnými cenami, čo umožňuje efektívne vyhľadávanie a správu informácií o cenách.

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

Map.set()

Prvky na mapu môžete pridať pomocouset()>metóda.

ipconfig pre ubuntu

Príklad: V tomto príklade Map.set()> Metóda sa používa na pridanie cien produktov na pomenovanú mapuprices>.

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

Príklad 1: V tomto príklade vytvoríme základný objekt mapy

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 } Mapa 2 (3) { 'firstname' => 'sumit', 'priezvisko' => 'ghosh', 'website' => 'geeksforgeeks' }>

Príklad 2: Tento príklad pridáva prvky do mapy pomocou set() metóda.

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

Príklad 3: Tento príklad vysvetľuje použitie metód mapy ako napr má() , dostať () , vymazať () , a jasný() .

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', 'priezvisko' => 'ghosh', 'webová stránka' => 'geeksforgeeks', 'priateľ 1' => 'gourav', 'priateľ 2' => 'sourav' } má mapa1 webovú stránku? true map1 má priateľa 3? false get...>

Výhody mapy:

Mapa objekt poskytuje ES6 . Kľúč mapy sa môže vyskytnúť raz, čo bude jedinečné v zbierke máp. Používanie mapy namiesto objektu má mierne výhody.

• Náhodné kľúče a zabezpečenie: Nie sú uložené žiadne predvolené kľúče, obsahujú iba to, čo je do nich výslovne vložené. Z tohto dôvodu je jeho používanie bezpečné.
• Typy kľúčov a poradie: Môže to byť akákoľvek hodnota ako kľúčová funkcia, objekt čokoľvek. A poradie je priamočiare v poradí vkladania vstupu.
• Veľkosť: Kvôli vlastnosti veľkosti je možné mapu ľahko získať.
• Výkon: Akákoľvek operácia môže byť vykonaná na matematike tak jednoducho lepším spôsobom.
• Serializácia a analýza: Môžeme si vytvoriť vlastnú podporu serializácie a analýzy pre Map pomocou JSON.stringify() a JSON.parse() metódy.

Podporované prehliadače:

• Google Chrome
• Hrana
• Firefox
• Opera
• Safari