map() luo uuden taulukon kutsumalla funktiota jokaiselle taulukon elementille. Se ei suorita toimintoa tyhjille elementeille tai muuta alkuperäistä taulukkoa. JavaScript-kartta on kokoelma avain-arvo-pareja, jotka mahdollistavat tehokkaan tiedonhaun ja -käsittelyn.

Iteroitaessa karttaobjektia palauttaa avaimen ja arvoparin samassa järjestyksessä kuin lisätty. Map()-konstruktori käytetään luomaan kartta JavaScriptissä.

JavaScript Kartta on ominaisuus, joka edustaa kartan kokoa.

Esimerkki:

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

Kartan luomisen vaiheet

• Array välitetäännew Map()>
• Luo kartta ja käytäMap.set()>

Esimerkkejä JavaScript-kartasta

uusi kartta ()

Tässä käytämmenew Map()>rakentaja,

Esimerkki: Tässä esimerkissä kartta nimeltäprices>on luotu yhdistämään tuotteiden nimet vastaaviin hintoihin, mikä mahdollistaa hintatietojen tehokkaan haun ja hallinnan.

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

Map.set()

Voit lisätä karttaan elementtejäset()>menetelmä.

Esimerkki: Tässä esimerkissä Map.set()> menetelmää käytetään tuotteiden hintojen lisäämiseen nimettyyn karttaanprices>.

// 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, 'Älypuhelin' => 800 }>

Esimerkki 1: Tässä esimerkissä luomme peruskarttaobjektin

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 } Kartta2 Kartta(3) { 'etunimi' => 'sumit', 'sukunimi' => 'ghosh', 'verkkosivusto' => 'geeksforgeeks' }>

Esimerkki 2: Tämä esimerkki lisää elementtejä karttaan käyttämällä aseta() menetelmä.

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

Esimerkki 3: Tämä esimerkki selittää karttamenetelmien käytön, kuten on () , saada() , poistaa() , ja asia selvä() .

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

Kartan edut:

Kartta tarjoama kohde ES6 . Kartan avain voi esiintyä kerran, ja se on ainutlaatuinen karttakokoelmassa. Kartan käyttämisessä esineen sijaan on pieniä etuja.

• Vahinkoavaimet ja suojaus: Mitään oletusavaimia ei tallenneta, ne sisältävät vain ne, jotka on nimenomaisesti asetettu niihin. Tästä johtuen se on turvallista käyttää.
• Avaintyypit ja järjestys: Se voi olla mikä tahansa arvo avainfunktiona, objekti mitä tahansa. Ja järjestys on suoraviivainen syötteen lisäysjärjestyksessä.
• Koko: Omaisuuden koosta johtuen kartta on helppo hakea.
• Esitys: Mikä tahansa operaatio voidaan suorittaa matematiikassa niin helposti paremmalla tavalla.
• Sarjointi ja jäsentäminen: Voimme luoda oman serialisointi- ja jäsennystuen Mapille käyttämällä JSON.stringify() ja JSON.parse() menetelmiä.

Tuetut selaimet:

• Google Chrome
• Reuna
• Firefox
• Ooppera
• Safari