Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie verwende ich den „in'-Operator in JavaScript?

WBOY
Freigeben: 2023-09-12 17:13:09
nach vorne
871 Leute haben es durchsucht

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

In diesem Artikel werden wir den „in“-Operator und seine Verwendung in JavaScript untersuchen. Der in-Operator ist ein in JavaScript integrierter Operator, der verwendet wird, um zu überprüfen, ob eine bestimmte Eigenschaft in einem Objekt vorhanden ist. Gibt true zurück, wenn die Eigenschaft vorhanden ist, andernfalls false.

Syntax

prop in object
Nach dem Login kopieren

Parameter

Diese Funktion akzeptiert die folgenden Parameter wie unten erwähnt -

  • prop – Dieser Parameter enthält eine Zeichenfolge oder ein Symbol, das den Eigenschaftsnamen oder den Array-Index darstellt.

  • object – Prüft, ob das Objekt prop enthält.

Rückgabewert – Diese Methode gibt true oder false zurück, wenn die angegebene Eigenschaft im Objekt gefunden wird.

Beispiel 1

Im folgenden Beispiel verwenden wir den „inin“-Operator in JavaScript, um herauszufinden, ob eine Eigenschaft vorhanden ist.

# 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>
Nach dem Login kopieren

Ausgabe

Das obige Programm erzeugt die folgende Ausgabe in der Konsole.

true
true
false
false
false
true
Nach dem Login kopieren

Beispiel 2

Im folgenden Beispiel demonstrieren wir den in-Operator.

# 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>
Nach dem Login kopieren

Ausgabe

Das obige Programm erzeugt die folgenden Ergebnisse in der Konsole.

true
false
Steve
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie verwende ich den „in'-Operator in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage