map() sukuria naują masyvą iškviesdamas kiekvieno masyvo elemento funkciją. Jis nevykdo tuščių elementų funkcijos arba nekeičia pradinio masyvo. „JavaScript“ žemėlapis yra raktų ir reikšmių porų rinkinys, leidžiantis efektyviai gauti ir valdyti duomenis.

Iteruojant žemėlapio objektą, rakto ir reikšmių pora grąžinama ta pačia tvarka, kaip ir įterpta. Map() konstruktorius naudojamas žemėlapiui kurti JavaScript.

JavaScript Žemėlapis turi savybę, kuri atspindi žemėlapio dydį.

Pavyzdys:

  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 }>>
    Žemėlapio kūrimo žingsniai    
 
 

 
Masyvo perdavimasnew Map()>
Sukurkite žemėlapį ir naudokitėsMap.set()>
„JavaScript“ žemėlapio pavyzdžiai
naujas žemėlapis ()
Šiame mes naudojamenew Map()>konstruktorius,
 
    Pavyzdys:    Šiame pavyzdyje žemėlapis pavadintasprices>sukurta siekiant susieti produktų pavadinimus su atitinkamomis kainomis, kad būtų galima efektyviai gauti ir valdyti informaciją apie kainas.
 

Map.set()

Galite pridėti elementų į žemėlapį naudodamiset()>metodas.

Pavyzdys: Šiame pavyzdyje Map.set()> metodas naudojamas produktų kainoms įtraukti į pavadintą žemėlapį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 }>

1 pavyzdys: Šiame pavyzdyje mes sukursime pagrindinį žemėlapio objektą

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 } 2 žemėlapio žemėlapis (3) { 'vardas' => 'sumit', 'pavardė' => 'ghosh', 'svetainė' => 'geeksforgeeks' }>

2 pavyzdys: Šiame pavyzdyje elementai pridedami prie žemėlapio naudojant rinkinys () metodas.

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

3 pavyzdys: Šiame pavyzdyje paaiškinamas žemėlapio metodų, pvz., naudojimo turi () , gauti () , Ištrinti() , ir aišku () .

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);>

Žemėlapio pranašumai:

Žemėlapis pateiktas objektas ES6 . Žemėlapio raktas gali atsirasti vieną kartą, kuris bus unikalus žemėlapio kolekcijoje. Žemėlapio, o ne objekto, naudojimas turi nedidelių pranašumų.

• Atsitiktiniai raktai ir sauga: Jokie numatytieji raktai nesaugomi, juose yra tik tai, kas į juos įdėta. Dėl to jį saugu naudoti.
• Pagrindiniai tipai ir tvarka: Tai gali būti bet kokia reikšmė kaip pagrindinė funkcija, objektas bet kas. Ir tvarka yra paprastas būdas įvesties įterpimo tvarka.
• Dydis: Dėl dydžio savybių žemėlapį galima lengvai gauti.
• Spektaklis: Bet kurią matematikos operaciją galima atlikti taip lengvai ir geresniu būdu.
• Serializavimas ir analizavimas: Mes galime sukurti savo serializavimo ir analizavimo palaikymą Žemėlapiui naudodami JSON.stringify() ir JSON.parse() metodus.

Palaikomos naršyklės:

• Google Chrome
• Kraštas
• Firefox
• Opera
• Safari