Jaki jest operator „w” w JavaScript?

Ilekroć masz do czynienia z obiektami lub słownikami JavaScript, zawsze będziesz musiał poradzić sobie z wyszukiwaniem konkretnych rekordów z tego obiektu lub kolekcji. Czasami będziesz musiał uzyskać dostęp do określonego atrybutu i użyć go gdzieś, aby wyświetlić je na interfejsie użytkownika lub po stronie frontendowej.

Stąd używamy JavaScript, więc tak łatwo stało się to osiągnięcie tej funkcji, jak JavaScript zapewnia nam operator „w”, który jest w tym bardzo pomocny i możemy osiągnąć tę samą funkcjonalność tylko za pomocą tego operatora „w”, gdziekolwiek tego chcemy Nasz kod JavaScript.

Przyjrzyjmy się, jak działa ten operator i jak możemy go łatwo użyć, aby uzyskać określone wartości lub atrybuty z tablicy lub obiektu w JavaScript.

Jaki jest przedmiot operatora „w”?

Operator In jest operatorem narzędzi w JavaScript, który służy do sprawdzenia, czy właściwość lub atrybut istnieje w określonej tablicy lub obiektu JavaScript, czy nie. Jego odpowiedź jest boolean, co oznacza, że ​​powróci, jeśli wyszukiwanie zakończyło się powodzeniem, a element został znaleziony w obiekcie, w przeciwnym razie zwróci false, jeśli ten konkretny element nie istnieje w kolekcji.

Tutaj w tym pismem przyjrzymy się, jak działa operator „w” i jak możemy łatwo wykorzystać ten operator do przetestowania naszej wymaganej funkcjonalności.

W tym samouczku zakładamy, że masz podstawowe zrozumienie tego, czym dokładnie są obiekty JavaScript i jak możemy łatwo stworzyć własne obiekty w JavaScript i podstawowej wiedzy o tym, jak działa dziedzictwo. Ponieważ operator „w” pomaga nam również znaleźć jakąś metodę lub obiekt w niektórych klasie. Omówimy niektóre podstawy w następującej procedurze, ale nadal zalecamy wiedzę na temat dziedziczenia, aby zrozumieć dalsze pojęcia „w”.

Kiedy powinieneś używać operatora „w”?

JavaScript „in” można również użyć do sprawdzenia, czy istnieje funkcja lub metoda dołączona do instancji niektórych klas, co oznacza, że ​​za każdym razem, gdy jesteś wymagany do sprawdzenia takich przypadków, jesteś zdecydowany użyć ”W„Podejście operatora, ponieważ jest to łańcuch prototypowy i może łatwo zapewnić wymagane wyniki.

Prototypowy łańcuch JavaScript to sposób, w jaki obiekty i instancje obiektów uzyskują dostęp do atrybutów i funkcji, które nie są ich własnymi. Właściwość __proto__ umożliwia dostęp do właściwości i metod zdefiniowanych w konstruktorach lub prototypach tych obiektów.

Weźmy przykład, jak działa operator w kodzie i jak możemy go łatwo użyć w naszym kodzie, aby mieć pożądaną funkcjonalność.

Przykład

Aby ustalić, czy element ma dany atrybut, czy nie.

const person =
Imię: „Johndoe”,
Wiek: 21,
Telefon: „123456789”,
start: () =>
konsola.log („Nazwa $ to.nazwa, wiek $ to.wiek i telefon to $ to.telefon');


konsola.Log („imię” osobiście)
konsola.log („start” osobiście)
konsola.Log („Johndoe” osobiście)

Tutaj, w powyższym kodzie, po prostu utworzyliśmy tablicę osoby, która zawiera niektóre właściwości, takie jak imię i nazwisko, wiek, telefon i metoda, która wyloguje wiadomość z informacjami niektórych osób na terminalu.

Później sprawdziliśmy niektóre właściwości, że jeśli istnieją one na obiekcie, używając operatora In. Pierwsza konsola powróci prawdziwie jako nazwa jest właściwością, która istnieje na powyższym obiekcie, podczas gdy początek jest także właściwością osobiście.

Ale ostatnia konsola.Log nie zwróci prawda, zamiast tego zwróci false, ponieważ nieznany z nazwiska nie jest właściwością w obiekcie osoby, jest to wartość w stosunku do nazwa właściwość w obiekcie, dlatego jest to powód, dla którego nie zwróci prawdziwie nieznany z nazwiska.

Możesz również spojrzeć na poniższy ekran wyjściowy w celu weryfikacji.

Wyjście

JavaScript w operatorze, aby sprawdzić, czy tablica używa klucza, czy indeksu dla jego wartości

JavaScript „W„Operator może również współpracować z tablicami. Do tej pory omówiliśmy to i wdrożyliśmy przykład z obiektami, ale zachowuje się prawie tak samo z tablicami. W JavaScript tablica jest prototypem lub instancją obiektu lub innymi słowy, możesz rozważyć wszystko w JavaScript za instancję obiektu.

To może zabrzmieć dziwnie, ale przetestujmy to z prostą aplikacją w konsoli przeglądarki.

Przykład

Aby rozpocząć, utwórz tablicę i użyj operatora instancji, aby sprawdzić, czy jest to instancja typu obiektu:

const array = [1, 2, 3, 4];
konsola.log (tablica Instanceof Obiekt) // zwraca true

Tutaj, w powyższym przykładzie, utworzyliśmy tablicę, a następnie w konsoli.log sprawdziliśmy, czy jest to instancja obiektu, czy nie.

Spójrz na to w następujących wyjściach

Wyjście:

Pojawi się zestaw atrybutów, z których jednym jest __proto__, który łączy się z tablicą. Możemy go również otworzyć i przejść przez listę, dopóki nie znajdziemy innej właściwości __proto__ z obiektem wartości.

Teraz wróćmy do operatora in i przetestuj ten operator za pomocą tablicy JavaScript:

const array = [1, 2, 3, 4];
konsola.Log („Tak 3 jest w tablicy:”, 3 w tablicy)
konsola.Log („Tak 2 jest w tablicy: ', 2 w tablicy)
konsola.Log („Filtr” w tablicy)

Tutaj, w powyższym kodzie, utworzyliśmy tablicę z wartościami 1,2,3 i 4 i przetestowaliśmy wartości za pomocą operatora, niezależnie od tego, czy istnieją w tablicy, czy nie.

Wyjście

Następnie otrzymaliśmy wszystkie odpowiedzi prawdziwe i wydrukowane na ekranie wyjściowym, ponieważ wszystkie sprawdzone wartości istnieją w kolekcji tablicy.

Wniosek:

Operator „In” JavaScript służy do sprawdzenia, czy określona właściwość istnieje w obiekcie, czy nie. Operator „w” odpowiada wartością logiczną, co oznacza, że ​​zwraca prawdziwie, jeśli wartość istnieje w obiekcie i fałsz, jeśli ta konkretna wartość nie jest obecna. W tym artykule widzieliśmy działanie operatora zarówno w obiektach, jak i tablicach i szczegółowo omówiliśmy niektóre z jego przykładów.