Mappage de tableaux dans AngularJS

1. Mappage de tableaux dans AngularJS
2. Entrées de carte
3. Étapes pour le mappage de tableaux dans AngularJS

Cet article traitera du mappage de tableaux dans AngularJS.

Mappage de tableaux dans AngularJS

Le mappage de tableaux est l’une des fonctionnalités les plus précieuses d’AngularJS. Il vous permet de créer des variables sur une seule ligne, vous évitant de déclarer chaque variable séparément.

Il simplifie la liaison de données, améliore les performances et nous permet de créer des modèles plus maintenables. De plus, le lecteur peut facilement comprendre quelles valeurs sont attribuées et le but de la variable dans votre code.

Le mappage de tableau est effectué à l’aide de la fonction map et en passant le tableau en tant que paramètre avec d’autres paramètres comme une clé, une valeur, etc.

Syntaxe:

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

Entrées de carte

Vous trouverez ci-dessous les entrées de carte que nous pouvons utiliser.

• map.delete() supprime un élément de la carte.
• map.size() renvoie la taille de la carte.
• map.clear() supprime les données de la carte.
• map.set() ajoute de nouvelles entrées.
• map.get() récupère une entrée de la carte.
• map.has() détermine si une entrée dans la carte existe ou non.

Étapes pour le mappage de tableaux dans AngularJS

Les étapes suivantes vous aideront avec le mappage de tableaux dans AngularJS :

Exemple de mappage de tableau dans AngularJS

Voyons un exemple de mappage de tableau Angular.

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

Cliquez ici pour vérifier la démonstration en direct du code comme mentionné ci-dessus.