TypeScript:
Utilisation des tableaux associatifs

Comment faire :

Créer et utiliser des tableaux associatifs en TypeScript est simple. Voici un exemple de base :

// Déclarer un tableau associatif
let utilisateur: { [cle: string]: string } = {};

// Ajouter des données
utilisateur["nom"] = "Jane Doe";
utilisateur["email"] = "[email protected]";

console.log(utilisateur);

Sortie :

{ nom: 'Jane Doe', email: '[email protected]' }

Itérer sur les paires clé-valeur est également facile :

for (let cle in utilisateur) {
    console.log(cle + ": " + utilisateur[cle]);
}

Sortie :

nom: Jane Doe
email: jane@example.com

Et si vous gérez un mélange de types de données, le système de types de TypeScript est très pratique :

let typesMixtes: { [cle: string]: string | nombre } = {};
typesMixtes["nom"] = "John Doe";
typesMixtes["age"] = 30;

console.log(typesMixtes);

Sortie :

{ nom: 'John Doe', age: 30 }

Approfondissement

En TypeScript, ce que nous appelons des tableaux associatifs sont essentiellement des objets. Historiquement, dans des langues comme PHP, les tableaux associatifs sont un type fondamental, mais JavaScript (et par extension, TypeScript) utilise des objets à cette fin. Cette approche est à la fois une force et une limitation. Les objets fournissent une structure hautement dynamique pour associer des chaînes aux valeurs, mais ils ne sont pas destinés à être utilisés comme des ’tableaux’ dans le sens traditionnel. Par exemple, vous ne pouvez pas utiliser directement sur ces objets des méthodes de tableau comme push ou pop.

Pour les cas où vous avez besoin de collections ordonnées de paires clé-valeur avec des opérations semblables à celles des tableaux, TypeScript (et le JavaScript moderne) offre l’objet Map :

let carteUtilisateur = new Map<string, string>();
carteUtilisateur.set("nom", "Jane Doe");
carteUtilisateur.set("email", "[email protected]");

carteUtilisateur.forEach((valeur, cle) => {
    console.log(cle + ": " + valeur);
});

Alors que le système de types de TypeScript et les fonctionnalités ES6 comme Map offrent des alternatives puissantes, comprendre comment utiliser les objets comme tableaux associatifs est utile pour les scénarios où les littéraux d’objets sont plus efficaces ou lors du travail avec des structures de données JSON. Il s’agit de choisir le bon outil pour la tâche.