Clés dupliquées dans un objet JavaScript : comment les éviter

Question

J'ai un petit souci avec l'organisation d'un tableau associatif, ce code n'est pas bon il écrase les précédents éléments :
let monTableauAssociatif = {
'prenom' : 'Mark',
'nom' : 'Zuckerberg',
'poste' : 'PDG de Facebook',
'prenom' : 'Jeff',
'nom' : 'Bezos',
'poste' : 'PDG de Amazon',
'prenom' : 'Bill',
'nom' : 'Gates',
'poste' : 'PDG de Microsoft'
};
Comment fais-tu dans ce cas pour avoir 3 personnes différentes ? Il faut donner à chaque fois 'prenom1' , 'prenom2' , 'nom1' , 'nom2' etc. ?

Louis-Nicolas Leuillet · Accepted Answer

Dans un objet JavaScript, chaque clé doit être unique . Du coup, quand tu mets deux fois 'prenom' , le deuxième écrase le premier. C'est le comportement normal.
La solution, c'est pas de faire prenom1 , prenom2 , etc. (ça serait vraiment pas pratique). Ce qu'on fait en pratique, c'est un tableau classique qui contient plusieurs objets :
let personnes = [
{
'prenom': 'Mark',
'nom': 'Zuckerberg',
'poste': 'PDG de Facebook'
},
{
'prenom': 'Jeff',
'nom': 'Bezos',
'poste': 'PDG de Amazon'
},
{
'prenom': 'Bill',
'nom': 'Gates',
'poste': 'PDG de Microsoft'
}
];
Ici, personnes est un tableau (avec les crochets [] ) qui contient 3 objets distincts (avec les accolades {} ). Chaque objet a ses propres clés prenom , nom et poste , sans conflit. Tu peux ensuite accéder à chaque personne avec son index : personnes[0].prenom te donnera "Mark" , personnes[1].prenom te donnera "Jeff" , etc.
C'est la manière standard de stocker une collection d'éléments qui ont la même structure. Tu verras que c'est un pattern qu'on utilise énormément en JavaScript !

Clés dupliquées dans un objet JavaScript : comment les éviter

Formation JavaScript (legacy)