Créer un tableau clé / valeur en JavaScript

Programmation JavaScript
, , , , , , , ,
1

Quelle est la méthode la plus efficace pour stocker un tableau clé => valeur en JavaScript, et comment le parcourir en boucle ?

2

C’est exactement ce que représente un objet JavaScript :

var tab = {id: 1, "name": "alex", age: 25};
tab.id = 2;
tab["name"] = "Bob";

Vous pouvez le parcourir en boucle en utilisant la boucle for…in:

for (var key in tab) {
  console.log("clé: " + key + " valeur: " + tab[key]);
}
3

Vous pouvez utiliser Map.

var map = new Map();
map.set('id', 1);
map.set('name', 'Alex');
map.set('age', 20);

// Lire le contenu complet du Map
console.log(map); // Map {'id' => 1, 'name' => 'Alex', 'age' => 20}

Récupérer la valeur du Map en utilisant la clé:

console.log(map.get('id'));   // 1
console.log(map.get('name')); // Alex
console.log(map.get('age'));  // 20

Récupérer la taille du Map

console.log(map.size); // 3

Vérifier que la clé existe dans la Map

console.log(map.has('name')); // true
console.log(map.has('profession')); // false

Récupérer les clés du Map

console.log(map.keys()); // MapIterator { 'id', 'name', 'age' }

Récupérer les valeurs du Map

console.log(map.values()); // MapIterator { 1, 'Alex', 20 }

Récupérer les éléments du Map

for (let i of map) {
  console.log(i);
}

// Sortie:
// [ 'id', 1 ]
// [ 'name', 'Alex' ]
// [ 'age', 20 ]
4

Objets dans un tableau :

var persons = [
       { "id": 1, name: "Bob" },
       { "id": 2, name: "Jean" },
       { "id": 3, name: "Ali" }
];