Maison > interface Web > js tutoriel > Comment vérifier l'existence d'une propriété d'objet à l'aide d'une variable en JavaScript ?

Comment vérifier l'existence d'une propriété d'objet à l'aide d'une variable en JavaScript ?

DDD
Libérer: 2024-10-31 18:35:29
original
1041 Les gens l'ont consulté

How to Check for Object Property Existence Using a Variable in JavaScript?

Vérification de l'existence d'une propriété d'objet avec une variable

En JavaScript, vérifier la présence d'une propriété d'objet à l'aide d'une variable peut être une tâche courante. Cependant, utiliser directement la variable comme nom de propriété conduit à des résultats non définis.

Exemple :

<code class="js">var myObj;
myObj.prop = "exists";
var myProp = "p" + "r" + "o" + "p";

if (myObj.myProp) {
  alert("yes, i have that property");
};  // Undefined</code>
Copier après la connexion

Pour surmonter cela, il faut utiliser des méthodes qui vérifient explicitement la propriété existence.

Solutions :

Option 1 : hasOwnProperty

<code class="js">var myProp = 'prop';
if (myObj.hasOwnProperty(myProp)) {
  alert("yes, i have that property");
}</code>
Copier après la connexion

Option 2 : dans l'opérateur ( vérifie les propriétés directes et héritées)

<code class="js">var myProp = 'prop';
if (myProp in myObj) {
  alert("yes, i have that property");
}</code>
Copier après la connexion

Option 3 : utilisation directe par l'opérateur (vérifie uniquement les propriétés directes)

<code class="js">if ('prop' in myObj) {
  alert("yes, i have that property");
}</code>
Copier après la connexion

Remarque : hasOwnProperty ne vérifie pas les propriétés héritées, contrairement à l'opérateur in.

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!

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