Discussion :

[stracoma]

Bonsoir tout le monde.
Je suis débutant en javascript et j'ai besoin de votre aide pour comprendre pourquoi un code ne marche pas.
Ce premier code marche:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
var p="";
var identite={
	nom:"Bidou",
	prenom:"Nanou",
	age:23
};
for(var elem in identite){
	p+=identite[elem] +"\n";
}
alert(p);

J'ai comme résultat:
Bidou
Nanou
23
Avec le code suivant, j'attends au même résultat, mais non, je n'ai rien comme comme affichage:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var identite={
	nom:"Bidou",
	prenom:"Nanou",
	age:23
};
alert(identite[nom] +"\n"+identite[prenom] +"\n"+identite[age] +"\n");

Pourquoi?
Merci

[mathieu]

avez-vous vu l'erreur dans la console de développement ?

[Beginner.]

Salut,

J'ai suivi le conseil de Mathieu car cela m’intéressait de savoir pourquoi ça marche pas...

Il nous dit : Uncaught ReferenceError: nom is not defined...

Et voilà ce que je comprends : quand on écrit : identite[nom] alors "nom" est considérée comme une variable or celle-ci n'est définie nulle part (cette variable est "undefined") ! Si on met juste avant : var nom = "nom"; cela marche mais pour accéder à la propriété "nom" de l'objet "identite" on peut directement écrire identite["nom"] et ça marche mais là on nous dit qu'il est préférable d'utiliser la notation avec le point : identite.nom...

[eleydet]

Puisque vous demandez votre "langue au chat":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var identite={
	nom:"Bidou",
	prenom:"Nanou",
	age:23
};
alert(identite['nom'] +"\n"+identite['prenom'] +"\n"+identite['age'] +"\n");

[Toufik83]

ou bien tout simplement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var identite={
	nom:"Bidou",
	prenom:"Nanou",
	age:23
};
alert(identite.nom +"\n"+identite.prenom +"\n"+identite.age +"\n");

[danielhagnoul]

[...] Et voilà ce que je comprends : quand on écrit : identite[nom] alors "nom" est considérée comme une variable or celle-ci n'est définie nulle part (cette variable est "undefined") ! Si on met juste avant : var nom = "nom"; cela marche mais pour accéder à la propriété "nom" de l'objet "identite" on peut directement écrire identite["nom"] et ça marche mais là on nous dit qu'il est préférable d'utiliser la notation avec le point : identite.nom...

C'est toujours du texte. C'est seulement lorsque la clé est formée d'un seul mot que l'on peut omettre les guillemets et utiliser la notation "objet.clef"

Exemple :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
let identite = {
	"nom de l'écrivain" : "Bidou",
	"prénom de l'éditeur" : "Nanou",
	"âge du concierge" : 23
};
 
// debug, console, touche F12
console.log( identite[ "nom de l'écrivain" ], identite[ "prénom de l'éditeur" ], identite[ "âge du concierge" ] );

C'est par facilité que l'on utilise le francais sans accents ou l'anglais et que l'on regroupe les mots composés en utilisant le "camelCase".

Exemple :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
let identite = {
	nomEcrivain : "Bidou",
	prenomEditeur : "Nanou",
	ageConcierge : 23
};
 
console.log( identite.nomEcrivain, identite.prenomEditeur, identite.ageConcierge );

[Beginner.]

C'est toujours du texte. C'est seulement lorsque la clé est formée d'un seul mot que l'on peut omettre les guillemets et utiliser la notation "objet.clef"

Merci et +1 !

Si j'ai bien compris, j'en déduis que si on veut que la clé soit formée de plus d'un mot il faut utilisé les guillemets, c'est bien ça ?

[NoSmoking]

Bonjour,

...on veut que la clé soit formée de plus d'un mot il faut utilisé les guillemets, c'est bien ça ?

oui mais à mon sens cette technique est une mauvaise approche et comme l'a dit danielhagnoul utilise le « camelCase ».

La notation objet["propriete"] est néanmoins préférable si malheureusement on utilise une propriété faisant partie des mots réservés, même si les navigateurs modernes arrivent à faire la différence.