Voici quelques options de titre, en gardant à l'esprit le format de la question et l'objet de l'article : Court et ciblé : * Pourquoi TypeScript se plaint-il de la saisie d'arguments dans Array.includes() avec Allowed

Array.prototype.includes(searchElement) Typage d'arguments et compatibilité des éléments de tableau

TypeScript applique des règles de typage strictes pour les opérations sur les tableaux, y compris le tableau Méthode .prototype.includes(). Cette méthode compare les éléments de recherche aux éléments du tableau pour déterminer l'inclusion. Cependant, l'exigence stricte de saisie pour que les éléments de recherche correspondent au type d'éléments du tableau peut parfois soulever des questions.

Description du problème

Un utilisateur a défini un type de données AllowedChars représentant des caractères. 'x', 'y', 'z'. Un tableau exampleArr a été créé en utilisant ce type. Cependant, lors de la tentative d'utilisation de la méthode Array.prototype.includes() pour vérifier si une pression sur une touche d'événement clavier se trouvait dans le tableau, le compilateur TypeScript s'est plaint que le type d'argument 'string' n'était pas attribuable au type AllowedChars.

Pourquoi la saisie d'arguments est-elle liée au type d'élément de tableau ?

L'argument de Array.prototype.includes() est l'élément de recherche comparé aux éléments du tableau. TypeScript s'attend à ce que cet argument corresponde au type des éléments du tableau pour les raisons suivantes :

• Sécurité du type : L'application d'un typage strict garantit que seuls les éléments du type correct sont comparés pour inclusion, prévention des erreurs.
• Optimisation des performances : TypeScript optimise les comparaisons basées sur des types connus, rendant le processus de recherche plus efficace.

Options de résolution

Pour résoudre ce problème de typage, il existe plusieurs approches :

• Assertion de type : Utiliser une assertion de type comme si (exempleArr.includes(e. key as AllowedChars)) {} ignore la vérification de type et suppose que l'élément de recherche est valide. Cependant, cette approche n'est pas recommandée car elle peut entraîner des erreurs de conversion potentielles.
• Fusion de déclarations : Modifier la déclaration TypeScript globale pour autoriser les supertypes pour Array.prototype.includes() est une tâche compliquée. méthode. Cela implique l'utilisation de types conditionnels pour émuler les contraintes de supertype.
• Élargissement du type de tableau : Changer exampleArr en chaîne en lecture seule[] élargit son type pour permettre la saisie de chaîne. Il garantit que les éléments de recherche de chaîne peuvent être comparés en toute sécurité aux éléments du tableau. La conversion en chaîne en lecture seule[] avant d'utiliser Array.prototype.includes() permet d'obtenir le même résultat.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!