map() creează o nouă matrice din apelarea unei funcții pentru fiecare element de matrice. Nu execută funcția pentru elementele goale și nu modifică tabloul original. JavaScript Map este o colecție de perechi cheie-valoare, care permit preluarea și manipularea eficientă a datelor.
La iterare, un obiect hartă returnează cheia și perechea valoare în aceeași ordine în care a fost inserată. Constructor Map(). este folosit pentru a crea o hartă în JavaScript.
JavaScript Hartă are o proprietate care reprezintă dimensiunea hărții.
Exemplu:
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 }>>> Pași pentru a crea o hartă
- Transmiterea unui Array către
new Map()> - Creați o hartă și utilizați
Map.set()>
Exemple de hartă JavaScript
Hartă nouă()
În aceasta folosimnew Map()>constructor,
comanda Linux make
Exemplu: În acest exemplu, o hartă numităprices>este creat pentru a asocia numele produselor cu prețurile respective, permițând preluarea și gestionarea eficientă a informațiilor despre preț.
Map.set()
Puteți adăuga elemente la o hartă cu ajutorulset()>metodă.
Exemplu: În acest exemplu, Map.set()> metoda este folosită pentru a adăuga prețurile produselor pe harta numităprices>.
// 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 }>>>Exemplul 1: În acest exemplu, vom crea un obiect hartă de bază
Javascript 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);> Ieșire
Exemplul 2: Acest exemplu adaugă elemente la hartă folosind a stabilit() metodă.
Javascript let map1 = new Map(); map1.set('FirstName', 'Shobhit'); map1.set('LastName', 'Sharma'); map1.set('website', 'techcodeview.com'); console.log(map1);> Ieșire
Map(3) { 'FirstName' =>'Shobhit', 'LastName' => 'Sharma', 'website' => 'techcodeview.com' }> Exemplul 3: Acest exemplu explică utilizarea metodelor Map precum are() , obține() , șterge() , și clar() .
Javascript 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);> Ieșire
Avantajele hărții:
Hartă obiect oferit de ES6 . O cheie a unei hărți poate apărea o singură dată, care va fi unică în colecția hărții. Există mici avantaje în utilizarea unei hărți mai degrabă decât a unui obiect.
- Chei accidentale și securitate: Nu sunt stocate chei implicite, conțin doar ceea ce este introdus în mod explicit în ele. Din acest motiv, este sigur de utilizat.
- Tipuri de chei și ordine: Poate fi orice valoare ca funcție cheie, obiect orice. Și ordinea este directă în ordinea introducerii intrării.
- Mărimea: Datorită proprietății dimensiunii, o hartă poate fi recuperată cu ușurință.
- Performanţă: Orice operație poate fi efectuată la matematică atât de ușor într-un mod mai bun.
- Serializare și analizare: Ne putem crea propriul suport de serializare și analizare pentru Map folosind JSON.stringify() și JSON.parse() metode.
Browsere acceptate:
- Google Chrome
- Margine
- Firefox
- Operă
- Safari