map() izveido jaunu masīvu, izsaucot funkciju katram masīva elementam. Tas neizpilda funkciju tukšiem elementiem vai nemaina sākotnējo masīvu. JavaScript karte ir atslēgu un vērtību pāru kolekcija, kas nodrošina efektīvu datu izguvi un manipulācijas.

Atkārtojot kartes objektu, atgriež atslēgu un vērtību pāri tādā pašā secībā, kādā tas tika ievietots. Map() konstruktors tiek izmantots, lai izveidotu karti JavaScript.

JavaScript Karte ir rekvizīts, kas atspoguļo kartes izmēru.

Piemērs:

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

Darbības, lai izveidotu karti

• Masīva nodošananew Map()>
• Izveidojiet karti un izmantojietMap.set()>

JavaScript kartes piemēri

jauna karte ()

Šajā mēs izmantojamnew Map()>konstruktors,

Piemērs: Šajā piemērā karte ar nosaukumuprices>ir izveidots, lai saistītu produktu nosaukumus ar to attiecīgajām cenām, ļaujot efektīvi izgūt un pārvaldīt informāciju par cenām.

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

Map.set()

Varat pievienot kartei elementus, izmantojotset()>metodi.

Piemērs: Šajā piemērā Map.set()> metode tiek izmantota, lai pievienotu produktu cenas kartei ar nosaukumuprices>.

// 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, 'Viedtālrunis' => 800 }>

1. piemērs: Šajā piemērā mēs izveidosim pamata kartes objektu

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 } Karte2 karte(3) { 'vārds' => 'sumit', 'uzvārds' => 'ghosh', 'website' => 'geeksforgeeks' }>

2. piemērs: Šis piemērs kartei pievieno elementus, izmantojot set() metodi.

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. piemērs: Šajā piemērā ir izskaidrota Kartes metožu izmantošana, piemēram, ir () , gūt() , dzēst() , un skaidrs () .

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', 'uzvārds' => 'ghosh', 'website' => 'geeksforgeeks', 'draugs 1' => 'gourav', 'draugs 2' => 'sourav' } map1 ir vietne ? patiesajai kartei1 ir draugs 3? viltus iegūt...>

Kartes priekšrocības:

Karte nodrošinātais objekts ES6 . Kartes atslēga var parādīties vienreiz, un tā būs unikāla kartes kolekcijā. Kartes, nevis objekta izmantošanai ir nelielas priekšrocības.

• Nejaušas atslēgas un drošība: Noklusējuma atslēgas netiek saglabātas, tajās ir tikai tas, kas tajās ir skaidri ievietots. Šī iemesla dēļ tas ir droši lietojams.
• Galvenie veidi un secība: Tā var būt jebkura vērtība kā galvenā funkcija, objekts jebkas. Un secība ir vienkārša ievades ievietošanas secībā.
• Izmērs: Lieluma dēļ karti var viegli izgūt.
• Veiktspēja: Jebkuru operāciju var veikt matemātikā tik vienkārši labākā veidā.
• Serializācija un parsēšana: Mēs varam izveidot savu serializācijas un parsēšanas atbalstu kartei, izmantojot JSON.stringify() un JSON.parse() metodes.

Atbalstītās pārlūkprogrammas:

• Google Chrome
• Mala
• Firefox
• Opera
• Safari