Comment utiliser l'opérateur « in » en JavaScript ?-js tutoriel-php.cn

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

WBOY

Libérer： 2023-09-12 17:13:09

avant

879 Les gens l'ont consulté

如何在 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

Copier après la connexion

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>

Copier après la connexion

Output

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

true
true
false
false
false
true

Copier après la connexion

Exemple 2

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

# 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 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>

Copier après la connexion