logo

Harta JavaScript

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ătrenew Map()>
  • Creați o hartă și utilizațiMap.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 'sumit', 'lastname' => 'ghosh', 'website' => 'geeksforgeeks' }>

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 'sumit', 'last name' => 'ghosh', 'website' => 'geeksforgeeks', 'friend 1' => 'gourav', 'prieten 2' => 'sourav' } map1 are site web ? adevărata hartă1 are prietenul 3? false get...>>>

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