map() crea un nuovo array chiamando una funzione per ogni elemento dell'array. Non esegue la funzione per elementi vuoti né modifica l'array originale. JavaScript Map è una raccolta di coppie chiave-valore che consente il recupero e la manipolazione efficiente dei dati.

Durante l'iterazione, un oggetto mappa restituisce la coppia chiave e valore nello stesso ordine in cui è stata inserita. Costruttore Map() viene utilizzato per creare la mappa in JavaScript.

JavaScript Carta geografica ha una proprietà che rappresenta la dimensione della mappa.

comando make di Linux

Esempio:

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

Passaggi per creare una mappa

• Passare un array anew Map()>
• Crea una mappa e usalaMap.set()>

Esempi di mappa JavaScript

nuova mappa()

In questo usiamonew Map()>costruttore,

Esempio: In questo esempio, una mappa denominataprices>è stato creato per associare i nomi dei prodotti ai rispettivi prezzi, consentendo un recupero e una gestione efficiente delle informazioni sui prezzi.

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

Mappa.set()

Puoi aggiungere elementi a una mappa conset()>metodo.

Esempio: In questo esempio, il Map.set()> viene utilizzato per aggiungere i prezzi dei prodotti alla mappa denominataprices>.

carattere Java da stringa

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

Esempio 1: In questo esempio creeremo un oggetto mappa di base

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 } Mappa2 Mappa(3) { 'nome' => 'sumit', 'cognome' => 'ghosh', 'sito web' => 'geeksforgeeks' }>

Esempio 2: Questo esempio aggiunge elementi alla mappa utilizzando impostato() metodo.

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

Map(3) { 'FirstName' =>'Shobhit', 'Cognome' => 'Sharma', 'sito web' => 'techcodeview.com' }>

Esempio 3: Questo esempio spiega l'uso di metodi Map come ha() , Ottenere() , eliminare() , E chiaro() .

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', 'cognome' => 'ghosh', 'sito web' => 'geeksforgeeks', 'friend 1' => 'gourav', 'friend 2' => 'sourav' } map1 ha un sito web? vero map1 ha l'amico 3? falso ottieni...>

Vantaggi della mappa:

Carta geografica oggetto fornito da ES6 . Una chiave di una mappa può essere presente una volta, e sarà unica nella raccolta della mappa. Ci sono lievi vantaggi nell'usare una mappa piuttosto che un oggetto.

• Chiavi e sicurezza accidentali: Non viene memorizzata alcuna chiave predefinita, contiene solo ciò che è esplicitamente inserito in essa. Per questo motivo è sicuro da usare.
• Tipi e ordine delle chiavi: Può essere qualsiasi valore come funzione chiave, obiettare qualsiasi cosa. E l'ordine è semplice nell'ordine di inserimento della voce.
• Misurare: A causa della proprietà size una mappa può essere facilmente recuperata.
• Prestazione: Qualsiasi operazione matematica può essere eseguita facilmente e in un modo migliore.
• Serializzazione e analisi: Possiamo creare il nostro supporto per la serializzazione e l'analisi per Map utilizzando JSON.stringify() E JSON.parse() metodi.

Browser supportati:

• Google Chrome
• Bordo
• Firefox
• musica lirica
• Safari