Comment stocker un tableau de valeurs clés en JavaScript

1. Utiliser JavaScript Object pour stocker un tableau clé-valeur
2. Utiliser une carte JavaScript pour stocker un tableau de clés et de valeurs

Les tableaux en JavaScript sont des variables uniques qui stockent différents éléments. Nous pourrions en avoir besoin pour stocker une liste d’éléments, et chaque élément a un index pour y accéder par celui-ci. JavaScript a différentes méthodes pour stocker un tableau clé-valeur.

Utiliser JavaScript Object pour stocker un tableau clé-valeur

L’Object JavaScript est une entité avec des propriétés, et chaque propriété a une valeur, de sorte que la terminologie de la valeur clé peut travailler sur elle.

Exemple :

let obj1 = {id: 1, name: 'Mark', age: 30, country: 'USA'};
obj1.city = 'New York';
obj1['job'] = 'software developer';

console.log(obj1);

Production :

{
age: 30
city: "New York"
country: "USA"
id: 1
job: "software developer"
name: "Mark"
}

Nous pouvons le parcourir en boucle :

let obj1 = {id: 1, name: 'Mark', age: 30, country: 'USA'};
obj1.city = 'New York';
obj1['job'] = 'software developer';

for (let key in obj1) {
  console.log(key + ' => ' + obj1[key]);
}

Production :

id => 1
name => Mark
age => 30
country => USA
city => New York
job => software developer

Si nous avons un tableau, nous pouvons le parcourir un par un, en ajoutant les clés de l’index de chaque élément, et les valeurs correspondantes dans l’objet.

let arr1 = ['delfstack', 'Computer', 'Science'];

let obj1 = {};

for (let i = 0; i < arr1.length; i++) {
  obj1[i] = arr1[i];
}

for (let key of Object.keys(obj1)) {
  console.log(key + ' => ' + obj1[key])
}

Production :

0 => delfstack
1 => Computer
2 => Science

Utiliser une carte JavaScript pour stocker un tableau de clés et de valeurs

Map est comme un Object. Il s’agit d’une liste d’éléments de données clés. La différence est que Map permet tout type de clés.

Syntaxe de JavaScript Map

let map = new Map();

• Clé de stockage => valeur :

map.set('name', 'mark');

Exemple de carte Java

let arr1 = ['delfstack', 'Computer', 'Science'];

let map = new Map();

for (let i = 0; i < arr1.length; i++) {
  map.set(i, arr1[i]);
}

for (let key of map.keys()) {
  console.log(key + ' => ' + map.get(key))
}

Production :

0 => delfstack
1 => Computer
2 => Science