Qual è l'operatore in in JavaScript?

Ogni volta che hai a che fare con oggetti o dizionari JavaScript, dovrai sempre affrontare la ricerca dei record specifici da quell'oggetto o raccolta. A volte, dovrai accedere all'attributo specifico e usarlo da qualche parte per visualizzarli sull'interfaccia utente o sul lato frontend.

Quindi stiamo usando JavaScript, quindi è diventato così facile ottenere questa funzionalità come JavaScript ci fornisce l'operatore "in" che è molto utile in questo e possiamo ottenere la stessa funzionalità solo usando questo operatore "in" ovunque vogliamo questo Il nostro codice JavaScript.

Diamo un'occhiata profonda a come funziona questo operatore e come possiamo facilmente usarlo per ottenere i valori o gli attributi specifici da un array o un oggetto in JavaScript.

Qual è l'oggetto dell'operatore "in"?

L'operatore In è un operatore di utilità in JavaScript che viene utilizzato per verificare se una proprietà o un attributo esiste sull'array specifico o un oggetto JavaScript o no. La sua risposta è booleana, il che significa che restituirà vero se la ricerca ha avuto successo e un elemento è stato trovato nell'oggetto altrimenti restituirà falso se quell'elemento specifico non esiste nella raccolta.

Qui in questo articolo, esamineremo come funziona l'operatore "In" e come possiamo facilmente utilizzare questo operatore per testare la nostra funzionalità richiesta.

In questo tutorial, supponiamo che tu abbia una comprensione di base di quali sono esattamente gli oggetti Javascript e di come possiamo facilmente creare i nostri oggetti in JavaScript e la conoscenza di base di come funziona l'eredità. Perché, l'operatore "in" ci aiuta anche a trovare un metodo o un oggetto in una classe. Copriremo alcune basi nella seguente procedura, ma consigliamo ancora di avere una conoscenza dell'eredità per comprendere gli ulteriori concetti "in" operatore.

Quando dovresti usare "in" operatore?

L'operatore JavaScript "in" può anche essere utilizzato per verificare se esiste una funzione o un metodo allegato all'istanza di una classe, il che significa che ogni volta che è necessario controllare tali casi, si è optato per l'utilizzo di "In"Approccio dell'operatore in quanto è una catena prototipo e può facilmente fornire i risultati richiesti.

La catena prototipo di JavaScript è come gli oggetti e le istanze degli oggetti ottengono l'accesso ad attributi e funzioni che non sono loro. La proprietà __Proto__ consente di accedere alle proprietà e ai metodi definiti nei costruttori o nei prototipi di questi oggetti.

Facciamo un esempio di come funziona l'operatore nel codice e come possiamo facilmente usarlo nel nostro codice per avere la funzionalità desiderata.

Esempio

Per determinare se un elemento ha un determinato attributo o meno.

const Person =
Nome: "Johndoe",
Età: 21,
Telefono: '123456789',
start: () =>
console.log ('name $ questo.nome, età $ questo.età e il telefono è $ questo.telefono');


console.log ("nome" di persona)
console.log ("avvia" di persona)
console.log ("Johndoe" di persona)

Qui nel codice sopra, abbiamo semplicemente creato un array di persona che contiene alcune proprietà come nome, età, telefono e un metodo che esclude un messaggio con le informazioni di una persona sul terminale.

Più tardi, abbiamo verificato alcune delle proprietà che se esistono sull'oggetto utilizzando l'operatore In. La prima console restituirà vero come il nome è una proprietà che esiste sull'oggetto della persona sopra mentre il inizio è anche un oggetto di proprietà in persona.

Ma l'ultima console.Il registro non restituirà vero invece che tornerà falso come Johndoe non è una proprietà nell'oggetto persona, è il valore contro il nome proprietà nell'oggetto quindi questa è la ragione per cui non restituirà vero Johndoe.

Puoi dare un'occhiata alla schermata di uscita seguente anche per la verifica.

Produzione

JavaScript in operatore per verificare se l'array utilizza una chiave o l'indice per i suoi valori

JavaScript "In"L'operatore può anche lavorare con array. Fino ad ora ne abbiamo discusso e implementato l'esempio con gli oggetti, ma si comporta quasi lo stesso con gli array. In JavaScript, l'array è il prototipo o l'istanza di un oggetto o in altre parole, puoi considerare tutto in JavaScript come l'istanza dell'oggetto.

Potrebbe sembrare strano, ma testiamo con una semplice applicazione nella console del browser.

Esempio

Per iniziare, creare un array e utilizzare l'istanza dell'operatore per vedere se si tratta di un'istanza del tipo di oggetto:

Array const = [1, 2, 3, 4];
console.log (Array Instance of Object) // restituisce vero

Qui nell'esempio sopra, abbiamo creato un array e poi più avanti nella console.registro abbiamo controllato se questa è l'istanza dell'oggetto o no.

Dai un'occhiata al seguente output

Produzione:

Apparirà un insieme di attributi, uno dei quali è __proto__, che si collega all'array. Possiamo anche aprirlo e procedere attraverso l'elenco fino a quando non troviamo un'altra proprietà __Proto__ con l'oggetto Valore.

Ora torniamo di nuovo all'operatore In e testa questo operatore con l'array JavaScript:

Array const = [1, 2, 3, 4];
console.log ('Sì 3 è nell'array:', 3 in array)
console.log ('Sì 2 è nell'array:', 2 in array)
console.log ("filtro" in array)

Qui nel codice sopra abbiamo creato un array con i valori 1,2,3 e 4 e testato i valori utilizzando nell'operatore se sono esistenti nell'array o no.

Produzione

Successivamente, abbiamo ottenuto tutte le risposte vere e stampate sulla schermata di output perché tutti i valori che stiamo controllando esistono nella raccolta di array.

Conclusione:

L'operatore "in" di JavaScript viene utilizzato per verificare se esiste una particolare proprietà in un oggetto o no. L'operatore "in" risponde con un valore booleano, il che significa che restituisce vero se il valore esiste nell'oggetto e falso se quel particolare valore non è presente. In questo articolo, abbiamo visto il funzionamento in operatore sia sugli oggetti che su array e abbiamo discusso in dettaglio alcuni dei suoi esempi.