Comment vérifier l'existence d'une propriété à l'aide d'un nom de propriété variable dans des objets JavaScript ?

Comment examiner efficacement l'existence d'une propriété d'objet à l'aide d'une variable de nom de propriété

Lorsque vous travaillez avec des objets JavaScript, il est essentiel de déterminer si une propriété spécifique existe . Cependant, que se passe-t-il si vous devez utiliser une variable pour contenir le nom de la propriété cible ?

Dans l'exemple fourni :

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

if(myObj.myProp){
    alert("yes, i have that property");
};</code>

Le code tente de vérifier l'existence d'une propriété nommée ' myprop', qui n'existe pas. En effet, JavaScript évalue l'expression comme « myObj.myprop » au lieu de « myObj.prop ».

Pour réussir à mettre en œuvre cette logique, vous pouvez utiliser plusieurs approches :

Utiliser hasOwnProperty

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

hasOwnProperty vérifie si l'objet possède une propriété spécifique, à l'exclusion des propriétés héritées.

Utilisation dans l'opérateur (ES5)

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

L'opérateur in examine les propriétés énumérables d'un objet, y compris les propriétés propres et héritées.

Utilisation des crochets (ES6)

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

Dans ES6, les crochets peut être utilisé de manière interchangeable avec l'opérateur in pour vérifier l'existence d'une propriété.

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!