Was ist der IN -Portler in JavaScript??

Wenn Sie mit JavaScript -Objekten oder Wörterbüchern zu tun haben, müssen Sie sich immer mit der Suche nach den spezifischen Datensätzen aus diesem Objekt oder einer Sammlung befassen. Manchmal müssen Sie auf das spezifische Attribut zugreifen und es irgendwo verwenden, um sie auf der Benutzeroberfläche oder auf der Frontend -Seite anzuzeigen.

Daher verwenden wir JavaScript, sodass es so einfach wurde, diese Funktionalität zu erreichen, da JavaScript uns den "In" -Operator liefert, der in diesem Bereich sehr hilfreich ist, und wir können dieselbe Funktionalität nur durch die Verwendung dieses „In“ -Operators überall dort erreichen, wo wir dies wollen Unser Javascript -Code.

Schauen wir uns tief an, wie dieser Bediener funktioniert und wie wir ihn leicht verwenden können, um die spezifischen Werte oder Attribute aus einem Array oder Objekt in JavaScript zu erhalten.

Was ist das Objekt von "in" Operator??

Der In -Operator ist ein Versorgungsbetreiber in JavaScript, der verwendet wird, um zu überprüfen. Seine Antwort ist boolean, was bedeutet, dass es wahr wird, wenn die Suche erfolgreich war und ein Element im Objekt gefunden wurde, sonst wird es falsch zurückgegeben, wenn dieses spezifische Element in der Sammlung nicht vorhanden ist.

Hier in dieser Beschreibung werden wir uns ansehen, wie der "In" -Operator funktioniert und wie wir diesen Bediener leicht nutzen können, um unsere erforderlichen Funktionen zu testen.

In diesem Tutorial gehen wir davon aus. Denn der "In" -Preiber hilft uns auch dabei, eine Methode oder ein Objekt in einer Klasse zu finden. Wir werden einige Grundlagen im folgenden Verfahren behandeln, aber wir empfehlen weiterhin, die Erbschaft zu kennen, um die weiteren Konzepte „in“ Operator zu verstehen.

Wann sollten Sie in 'Operator' verwenden??

JavaScript "In" Operator kann auch verwendet werden, um zu prüfen, ob eine Funktion oder eine Methode an der Instanz einer Klasse angehängt ist. Dies bedeutet, dass Sie bei der Überprüfung solcher Fälle entschieden werden, die zu verwendenInOperatoransatz, da es sich um eine Prototypkette handelt und Ihnen problemlos die erforderlichen Ergebnisse liefern kann.

Die JavaScript -Prototyp -Kette ist, wie Objekte und Objektinstanzen Zugriff auf Attribute und Funktionen erhalten, die nicht ihre eigenen. Mit der Eigenschaft __Proto__ können Sie auf Eigenschaften und Methoden zugreifen, die in den Konstruktoren oder Prototypen dieser Objekte definiert sind.

Nehmen wir ein Beispiel dafür.

Beispiel

Um festzustellen, ob ein Element ein bestimmtes Attribut hat oder nicht.

const person =
Name: 'Johndoe',
Alter: 21,
Telefon: '123456789',
Start: () =>
Konsole.log ('name $ this.Name, Alter $ this.Alter und Telefon sind $ dies.Telefon');


Konsole.log ('name' persönlich)
Konsole.log ('Start' persönlich)
Konsole.log ('Johndoe' persönlich)

Hier im obigen Code haben wir einfach ein Person -Array erstellt, das einige Eigenschaften wie Name, Alter, Telefon und eine Methode enthält, die eine Nachricht mit Informationen einer Person auf dem Terminal angemeldet.

Später haben wir einige der Eigenschaften ausgecheckt, dass sie mit dem In -Operator auf dem Objekt vorhanden sind, wenn sie vorhanden sind. Die erste Konsole wird wahr wie die zurückkehren Name ist eine Eigenschaft, die auf dem obigen Personenobjekt vorhanden ist, während die Start ist auch eine Eigenschaft persönlichem Objekt.

Aber die letzte Konsole.Das Protokoll wird nicht wahr zurückgeben, stattdessen wird es falsch zurückgeben, als die John Doe ist keine Eigenschaft im Personobjekt, es ist der Wert gegen die Name Eigenschaft im Objekt daher ist dies der Grund, warum es nicht zurückkehren wird John Doe.

Sie können sich auch den Bildschirm unten zur Überprüfung ansehen.

Ausgang

JavaScript im Bediener, um zu überprüfen, ob das Array einen Schlüssel oder den Index für seine Werte verwendet

JavaScripts "InDer Bediener kann auch mit Arrays arbeiten. Bis jetzt haben wir es besprochen und das Beispiel mit den Objekten implementiert, aber es verhält sich auch mit den Arrays fast gleich. In JavaScript ist das Array der Prototyp oder die Instanz eines Objekts oder mit anderen Worten, Sie können alles in JavaScript als Instanz des Objekts betrachten.

Das mag seltsam klingen, aber testen wir es mit einer einfachen Anwendung in der Konsole des Browsers.

Beispiel

Erstellen Sie zunächst ein Array und verwenden Sie den Instanzoperator, um festzustellen, ob es sich um eine Instanz des Objekttyps handelt:

const array = [1, 2, 3, 4];
Konsole.Log (ArrayinstanceOf -Objekt) // gibt true zurück

Hier im obigen Beispiel haben wir ein Array erstellt und später in der Konsole.Protokollieren Wir haben überprüft, ob dies die Instanz des Objekts ist oder nicht.

Schauen Sie es sich in der folgenden Ausgabe an

Ausgang:

Es wird eine Reihe von Attributen erscheinen, von denen eine __Proto__ ist, die mit Array verbunden ist. Wir können es auch öffnen und die Liste durchgehen, bis wir eine andere __Proto__ -Eigenschaft mit dem Wertobjekt finden.

Kehren wir nun erneut zum In -Operator zurück und testen diesen Bediener mit dem JavaScript -Array:

const array = [1, 2, 3, 4];
Konsole.log ('Ja 3 ist im Array:', 3 in Array)
Konsole.log ('Ja 2 ist im Array:', 2 in Array)
Konsole.log ('filter' im Array)

Hier im obigen Code haben wir ein Array mit den Werten 1,2,3 und 4 erstellt und die Werte im Bediener verwendet, unabhängig davon.

Ausgang

Anschließend haben wir alle Antworten wahr und auf dem Ausgangsbildschirm gedruckt, da alle Werte, die wir überprüfen, auf der Array -Sammlung vorhanden sind.

Abschluss:

Der „In“ -Preiber von JavaScript wird verwendet, um zu überprüfen, ob eine bestimmte Eigenschaft in einem Objekt vorliegt oder nicht. Der "In" -Operator reagiert mit einem booleschen Wert, was bedeutet, dass er true zurückgibt. In diesem Artikel haben wir die Arbeit von Operator sowohl an den Objekten als auch an den Arrays gesehen und einige seiner Beispiele im Detail erörtert.