Maison > interface Web > js tutoriel > Le problème de l'ajout de guillemets ou de ne pas ajouter de guillemets aux noms d'attributs dans JS

Le problème de l'ajout de guillemets ou de ne pas ajouter de guillemets aux noms d'attributs dans JS

亚连
Libérer: 2018-06-05 17:34:08
original
1773 Les gens l'ont consulté

Cet article présente principalement les problèmes et les solutions liés à l'ajout ou non de guillemets aux noms d'attributs lors de la déclaration d'objets en JS. Les amis dans le besoin peuvent s'y référer

En général, les noms d'attributs doivent être cités ou non. Quoi qu’il en soit, l’effet est le même.

var obj = { 
  name  : '你好', 
  'age'  : 1, 
}; 
document.write( obj[&#39;name&#39;] + &#39;<br />&#39; ); 
document.write( obj.age);
Copier après la connexion

Les deux lignes de code ci-dessus peuvent être exécutées correctement.

Si et seulement si le nom de votre attribut est un nom illégal et étrange, une erreur sera signalée.

var obj = { 
  333 : &#39;这个会报错&#39; 
}; 
document.write( obj.333);
Copier après la connexion

Une erreur est signalée à ce moment.

var obj = { 
  “333”: &#39;这个也会报错&#39; 
}; 
document.write( obj.333);
Copier après la connexion

Si le nom de l'attribut est un nombre, il doit avoir des guillemets doubles et être accessible avec des crochets [].

var obj = {
  "333": &#39;这个正确&#39;
};
console.log(obj["333"]);
Copier après la connexion

Conclusion : utilisez les noms d'attributs légaux et utilisez . et [] pour y accéder

Si le nom de l'attribut est un nombre, il doit être entouré de "" et d'un carré [] ; accès aux supports.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Résoudre le problème selon lequel les navigateurs de version inférieure ne prennent pas en charge l'importation d'es6

Utiliser vuex pour stocker et stocker statut de connexion La navigation n'est pas autorisée lorsque vous n'êtes pas connecté. Quelles sont les méthodes spécifiques ?

Explication détaillée des quatre façons de lier cet événement dans React

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal