Array-Mapping in AngularJS

1. Array-Mapping in AngularJS
2. Karteneinträge
3. Schritte für die Array-Zuordnung in AngularJS

Dieser Artikel befasst sich mit Array Mapping in AngularJS.

Array-Mapping in AngularJS

Array-Mapping ist eine der wertvollsten Funktionen in AngularJS. Es ermöglicht Ihnen, Variablen in einer einzigen Zeile zu erstellen, sodass Sie nicht jede Variable einzeln deklarieren müssen.

Es vereinfacht die Datenbindung, verbessert die Leistung und ermöglicht es uns, besser wartbare Vorlagen zu erstellen. Darüber hinaus kann der Leser leicht verstehen, welche Werte zugewiesen werden und welchen Zweck die Variable in Ihrem Code hat.

Die Array-Zuordnung erfolgt mit der Funktion map und der Übergabe des Arrays als Parameter zusammen mit anderen Parametern wie Schlüssel, Wert usw.

Syntax:

var myArr = map(myObj);
//myArr = [{key1: "value1", key2: "value2"}, {key3: "value3"}];

Karteneinträge

Unten sind die Karteneinträge, die wir verwenden können.

• map.delete() verwirft ein Element von der Karte.
• map.size() gibt die Größe der Karte zurück.
• map.clear() entfernt die Kartendaten.
• map.set() fügt neue Einträge hinzu.
• map.get() ruft einen Eintrag von der Karte ab.
• map.has() bestimmt, ob ein Eintrag in der Karte existiert oder nicht.

Schritte für die Array-Zuordnung in AngularJS

Die folgenden Schritte helfen Ihnen beim Array-Mapping in AngularJS:

Beispiel für Array-Mapping in AngularJS

Sehen wir uns ein Beispiel für die Angular-Array-Zuordnung an.

var tags =  [{ "id": 1, "name": "Adil" }, { "id": 2, "name": "Steve" }, { "id": 3, "name": "Roman" }, { "id": 4, "name": "John" }]
var selectedTags = [1,2,3];
var tagMap = tags.reduce(function(map, tag) {
    map[tag.id] = tag.name;
    return map;
}, {});
var selectedArray = selectedTags.map(function(id) {
    return tagMap[id];
});
console.log(selectedArray);

Klicken Sie hier, um die Live-Demonstration des Codes wie oben erwähnt zu überprüfen.