map() erstellt ein neues Array, indem es für jedes Array-Element eine Funktion aufruft. Die Funktion wird nicht für leere Elemente ausgeführt oder das ursprüngliche Array geändert. JavaScript Map ist eine Sammlung von Schlüssel-Wert-Paaren, die eine effiziente Datenabfrage und -bearbeitung ermöglichen.

Bei der Iteration gibt ein Kartenobjekt das Schlüssel- und Wertepaar in derselben Reihenfolge zurück, in der es eingefügt wurde. Map()-Konstruktor wird zum Erstellen einer Karte in JavaScript verwendet.

10 von 50,00

JavaScript Karte verfügt über eine Eigenschaft, die die Größe der Karte darstellt.

Beispiel:

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

Schritte zum Erstellen einer Karte

• Übergabe eines Arrays annew Map()>
• Erstellen Sie eine Karte und verwenden Sie sieMap.set()>

Beispiele für JavaScript-Karten

neue Karte()

Dabei verwenden wirnew Map()>Konstrukteur,

Teilzeichenfolge Zeichenfolge Java

Beispiel: In diesem Beispiel eine Karte mit dem Namenprices>wird erstellt, um Produktnamen mit ihren jeweiligen Preisen zu verknüpfen und so eine effiziente Abfrage und Verwaltung von Preisinformationen zu ermöglichen.

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

Map.set()

Mit können Sie Elemente zu einer Karte hinzufügenset()>Methode.

Beispiel: In diesem Beispiel ist die Map.set()> Die Methode wird verwendet, um Produktpreise zur benannten Karte hinzuzufügenprices>.

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

Beispiel 1: In diesem Beispiel erstellen wir ein einfaches Kartenobjekt

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 } Map2 Map(3) { 'firstname' => 'sumit', 'lastname' => 'ghosh', 'website' => 'geeksforgeeks' }>

Beispiel 2: In diesem Beispiel werden mithilfe von Elemente zur Karte hinzugefügt Satz() Methode.

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

Beispiel 3: Dieses Beispiel erklärt die Verwendung von Map-Methoden wie hat() , erhalten() , löschen() , Und klar() .

755 chmod

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', 'last name' => 'ghosh', 'website' => 'geeksforgeeks', 'friend 1' => 'gourav', 'friend 2' => 'sourav' } Karte1 hat eine Website? True Map1 hat Freund 3? false get...>

Vorteile der Karte:

Karte Objekt bereitgestellt von ES6 . Ein Schlüssel einer Karte kann einmal vorkommen und ist in der Sammlung der Karte eindeutig. Die Verwendung einer Karte anstelle eines Objekts bietet leichte Vorteile.

• Unbeabsichtigte Schlüssel und Sicherheit: Es werden keine Standardschlüssel gespeichert, sondern nur das, was explizit in sie eingefügt wird. Aus diesem Grund ist die Verwendung sicher.
• Schlüsseltypen und Reihenfolge: Es kann ein beliebiger Wert als Schlüsselfunktion sein, ein beliebiges Objekt. Und die Reihenfolge ist ganz einfach in der Reihenfolge der Eingabeeinfügung.
• Größe: Aufgrund der Größeneigenschaft kann eine Karte leicht abgerufen werden.
• Leistung: Jede mathematische Operation kann so einfacher und besser durchgeführt werden.
• Serialisierung und Analyse: Mithilfe von können wir unsere eigene Serialisierungs- und Parsing-Unterstützung für Map erstellen JSON.stringify() Und JSON.parse() Methoden.

Unterstützte Browser:

• Google Chrome
• Rand
• Feuerfuchs
• Oper
• Safari