Quel est l'opérateur «in» en JavaScript?

Chaque fois que vous traitez avec des objets ou des dictionnaires JavaScript, vous devrez toujours faire face à la recherche des enregistrements spécifiques de cet objet ou de cet objet. Parfois, vous devrez accéder à l'attribut spécifique et l'utiliser quelque part pour les afficher sur l'interface utilisateur ou sur le frontend.

Par conséquent, nous utilisons JavaScript, il est donc devenu si facile d'atteindre cette fonctionnalité que JavaScript nous fournit l'opérateur "in" qui est très utile à ce sujet et nous pouvons atteindre les mêmes fonctionnalités simplement en utilisant cet opérateur "in" partout où nous voulons Notre code javascript.

Voyons en profondeur le fonctionnement de cet opérateur et comment nous pouvons facilement l'utiliser pour obtenir les valeurs ou les attributs spécifiques à partir d'un tableau ou d'un objet en JavaScript.

Quel est l'objet de l'opérateur "in"?

L'opérateur in est un opérateur de services publics en JavaScript qui est utilisé pour vérifier si une propriété ou un attribut existe sur le tableau spécifique ou un objet JavaScript ou non. Sa réponse est booléenne, ce qui signifie qu'il reviendra vrai si la recherche a réussi et qu'un élément a été trouvé dans l'objet sinon il va retourner faux si cet élément spécifique n'existe pas dans la collection.

Ici, dans cet article, nous allons voir comment fonctionne l'opérateur «in» et comment nous pouvons facilement utiliser cet opérateur pour tester nos fonctionnalités requises.

Dans ce tutoriel, nous supposons que vous avez une compréhension de base de ce que sont exactement les objets JavaScript et comment nous pouvons facilement créer nos propres objets en javascript et une connaissance de base du fonctionnement de l'héritage. Parce que l'opérateur «in» nous aide également à trouver une méthode ou un objet dans une classe. Nous couvrirons quelques bases dans la procédure suivante, mais nous vous recommandons toujours d'avoir une connaissance de l'héritage pour comprendre les autres concepts «in» opérateur.

Quand devriez-vous utiliser l'opérateur «dans»?

L'opérateur JavaScript "dans" peut également être utilisé pour vérifier s'il existe une fonction ou une méthode attachée à l'instance d'une classe, ce qui signifie que chaque fois que vous devez vérifier ces cas, vous êtes choisi d'utiliser le "dans»Approche de l'opérateur car il s'agit d'une chaîne prototype et peut facilement vous fournir les résultats requis.

La chaîne de prototypes JavaScript est la façon dont les objets et les instances d'objets ont accès aux attributs et aux fonctions qui ne sont pas les leurs. La propriété __proto__ vous permet d'accéder aux propriétés et méthodes définies dans les constructeurs ou les prototypes de ces objets.

Prenons un exemple de fonctionnement de l'opérateur dans le code et comment nous pouvons facilement l'utiliser dans notre code pour avoir les fonctionnalités souhaitées.

Exemple

Pour déterminer si un élément a un attribut donné ou non.

const personne =
Nom: 'johndoe',
Âge: 21 ans,
Téléphone: '123456789',
Démarrer: () =>
console.log ('name $ ceci.nom, âge $ ceci.Âge et le téléphone est $ ce.téléphoner');


console.journal («nom» en personne)
console.journal («démarrer» en personne)
console.Log ('johndoe' en personne)

Ici, dans le code ci-dessus, nous avons simplement créé un tableau de personne qui contient certaines propriétés comme le nom, l'âge, le téléphone et une méthode qui déconnecte un message avec les informations d'une personne sur le terminal.

Plus tard, nous avons vérifié certaines des propriétés selon lesquelles elles existent sur l'objet en utilisant l'opérateur in. La première console reviendra vrai comme le nom est une propriété qui existe sur l'objet de personne ci-dessus pendant que le commencer est également une propriété dans l'objet de personne.

Mais la dernière console.Le journal ne rendra pas vrai à la place, il va retourner false comme le johndoe n'est pas une propriété dans l'objet de la personne, c'est la valeur contre le nom propriété dans l'objet, c'est donc la raison pour laquelle il ne reviendra pas vrai pour johndoe.

Vous pouvez également jeter un œil à l'écran de sortie ci-dessous pour la vérification.

Sortir

JavaScript dans l'opérateur pour vérifier si le tableau utilise une clé ou l'index pour ses valeurs

JavaScript "dans»L'opérateur peut également travailler avec des tableaux. Jusqu'à présent, nous en avons discuté et mis en œuvre l'exemple avec les objets, mais il se comporte presque la même chose avec les tableaux. En JavaScript, le tableau est le prototype ou l'instance d'un objet ou en d'autres termes, vous pouvez tout considérer en JavaScript comme l'instance de l'objet.

Cela peut sembler bizarre, mais le testons avec une application simple dans la console du navigateur.

Exemple

Pour commencer, créez un tableau et utilisez l'opérateur d'instance Of pour voir s'il s'agit d'une instance du type d'objet:

const Array = [1, 2, 3, 4];
console.log (objet d'instance de tableau) // Renvoie True

Ici, dans l'exemple ci-dessus, nous avons créé un tableau, puis plus tard dans la console.journal que nous avons vérifié s'il s'agit de l'instance de l'objet ou non.

Jetez-le à l'occasion dans la sortie suivante

Sortir:

Un ensemble d'attributs apparaîtra, dont l'un est __proto__, qui relie à la table. Nous pouvons également l'ouvrir et poursuivre la liste jusqu'à ce que nous trouvions une autre propriété __proto__ avec l'objet de valeur.

Revenons maintenant à l'opérateur in et testez cet opérateur avec le tableau JavaScript:

const Array = [1, 2, 3, 4];
console.Log ('Oui 3 est dans le tableau:', 3 dans le tableau)
console.Log ('Oui 2 est dans le tableau:', 2 dans le tableau)
console.journal («filtre» dans le tableau)

Ici, dans le code ci-dessus, nous avons créé un tableau avec les valeurs 1,2,3 et 4 et testé les valeurs en utilisant dans l'opérateur s'ils existent dans le tableau ou non.

Sortir

Ensuite, nous avons obtenu toutes les réponses vraies et imprimées sur l'écran de sortie parce que toutes les valeurs que nous vérifions existent sur la collection de tableaux.

Conclusion:

L'opérateur «in» de JavaScript est utilisé pour vérifier si une propriété particulière existe dans un objet ou non. L'opérateur "in" répond par une valeur booléenne, ce qui signifie qu'il renvoie vrai si la valeur existe dans l'objet et faux si cette valeur particulière n'est pas présente. Dans cet article, nous avons vu le fonctionnement de l'opérateur sur les objets et les tableaux et discuté de certains de ses exemples en détail.