Maison > Article > interface Web > Comment utiliser l'opérateur « in » en JavaScript ?

Comment utiliser l'opérateur « in » en JavaScript ?

WBOYavant: 2023-09-12 17:13:09810parcourir

如何在 JavaScript 中使用“in”运算符？

Dans cet article, nous explorerons l'opérateur « in » et comment l'utiliser en JavaScript. L'opérateur in est un opérateur intégré à JavaScript utilisé pour vérifier si une propriété spécifique existe dans un objet. Renvoie vrai si la propriété existe, faux sinon.

Syntaxe

prop in object

Paramètres

Cette fonction accepte les paramètres suivants comme mentionné ci-dessous -

prop - Ce paramètre contient une chaîne ou un symbole représentant le nom de la propriété ou l'index du tableau.
object - Vérifie si l'objet contient un prop .

Valeur de retour - Cette méthode retournera vrai ou faux si la propriété spécifiée est trouvée dans l'objet.

Exemple 1

Dans l'exemple suivant, nous utiliserons l'opérateur 'inin' en JavaScript pour savoir si une propriété existe.

# index .html

<html>
<head>
   <title>IN operator</title>
</head>
<body>
   <h1 style="color: red;">
      Welcome To Tutorials Point
   </h1>
   <script>
      // Illustration of in operator
      const array = [&#39;key&#39;, &#39;value&#39;, &#39;title&#39;, &#39;TutorialsPoint&#39;]
      
      // Output of the indexed number
      console.log(0 in array) //true
      console.log(2 in array) //true
      console.log(5 in array) //false
      
      // Output of the Value
      // you must specify the index number, not the value at that index
      console.log(&#39;key&#39; in array) //false
      console.log(&#39;TutorialsPoint&#39; in array) // false
      
      // output of the Array property
      console.log(&#39;length&#39; in array)
   </script>
</body>
</html>

Output

Le programme ci-dessus produira la sortie suivante dans la console.

true
true
false
false
false
true

Exemple 2

Dans l'exemple ci-dessous, nous démontrons l'opérateur in.

# index.html p>

<html>
<head>
   <title>IN operator</title>
</head>
<body>
   <h1 style="color: red;">
      Welcome To Tutorials Point
   </h1>
   <script>
      // Illustration of in operator
      const student = { name: &#39;Bill&#39;, class: &#39;IX&#39;, subjects: &#39;PCM&#39;, age: &#39;16&#39; };
      console.log(&#39;name&#39; in student);
      delete student.name;
      console.log(&#39;name&#39; in student);
      if (&#39;name&#39; in student === false) {
         student.name = &#39;Steve&#39;;
      }
      console.log(student.name);
   </script>
</body>
</html>

Output

Le programme ci-dessus produira les résultats suivants dans la console.

true
false
Steve

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!

JavaScript html Object 运算符字符串对象

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Techniques de surveillance et de journalisation des erreurs en JavaScriptArticle suivant：Techniques de surveillance et de journalisation des erreurs en JavaScript

Articles Liés

Voir plus