Comment comparer deux chaînes en JavaScript

[Dans certaines situations, les développeurs doivent comparer deux chaînes. La plupart des programmeurs commettent souvent l'erreur d'essayer de comparer leurs chaînes en JavaScript en utilisant l'opérateur ==. L'opérateur == a certaines restrictions dans cette situation car les types de variables ne peuvent pas être validés en l'utilisant. Ainsi, vous devrez peut-être rechercher d'autres méthodes pour gérer la situation.

Cet article illustrera la procédure de comparaison de chaînes en JavaScript.

Comment comparer deux chaînes en JavaScript ?

Pour comparer deux chaînes JavaScript, utilisez les méthodes répertoriées suivantes :

• opérateur d'égalité stricte '==='
• méthode localeCompare()
• RegEx avec la méthode test ()
• méthode comprend ()

Examinons le fonctionnement de chaque méthode séparément.

Méthode 1 : comparer deux chaînes à l'aide d'un opérateur d'égalité stricte

L'opérateur d'égalité stricte (===) peut être utilisé pour valider si les chaînes sont égales ou non. Si les chaînes sont différentes, il renvoie false en sortie ; sinon, ça donne vrai. Comme il s'agit d'une méthode sensible à la casse, tout en comparant des chaînes, elle compare également la casse des lettres, ce qui signifie que les lettres minuscules et majuscules sont considérées comme différentes.

Syntaxe

Utilisez la syntaxe ci-dessous pour comparer deux chaînes à l'aide de l'opérateur d'égalité stricte :

Ici le ' === ” L'opérateur comparera la valeur et le type de données de str1 et str2.

Exemple

Dans cet exemple, nous allons comparer les deux chaînes l'une est en majuscule, et l'autre est en minuscule. Pour ce faire, nous allons d'abord créer deux variables nommées 'str1' et 'str2' qui stocke les chaînes ' LinuxHintGenericName ' et ' linuxhint ” :

Ensuite, appelez le ' console.log() ” méthode pour imprimer le résultat qui indique si les chaînes sont égales ou non en utilisant le “ === ” opérateur :

La sortie affiche ' faux ” qui indique que les chaînes ne sont pas égales car l'opérateur d'égalité effectue une comparaison sensible à la casse :

Si vous souhaitez effectuer une comparaison insensible à la casse entre les chaînes, vous devez suivre les méthodes ci-dessous.

Méthode 2 : comparer deux chaînes à l'aide de la méthode localeCompare()

' localeCompare() ” est une méthode JavaScript prédéfinie utilisée pour comparer deux chaînes. Il effectue une comparaison de chaînes insensible à la casse et utilise les paramètres régionaux actuels pour comparer deux chaînes.

Syntaxe

Suivez la syntaxe ci-dessous pour comparer deux chaînes à l'aide de la méthode localeCompare() :

Ici, ' str2 ' est la chaîne qui sera comparée à ' chaîne1 ” :

Exemple

Nous allons maintenant utiliser les mêmes chaînes que celles déjà créées dans l'exemple précédent, puis les comparer à l'aide de la fonction ' localeCompare() ” méthode à l'aide de l'opérateur conditionnel :

Comme vous pouvez le voir, la sortie indique que les chaînes sont égales car la méthode compare la comparaison insensible à la casse :

Passons à la méthode suivante !

Méthode 3 : Comparez deux chaînes à l'aide de RegExp avec la méthode test()

Il existe une autre méthode pour comparer deux chaînes qui effectue également une comparaison insensible à la casse appelée ' RegExp ' avec l'aide du ' test() ' méthode. Il vérifie l'égalité des chaînes en fonction de l'expression régulière définie. La méthode test() acceptera une chaîne comme argument de comparaison.

Syntaxe

Suivez la syntaxe donnée pour la méthode test() en utilisant RegEx avec la méthode test() :

Ici, ' str2 ' est la chaîne qui sera comparée à ' regPattern ” :

Exemple

Maintenant, nous allons créer une instance de RegExp en passant une chaîne ' chaîne1 ' et une expression régulière ' gi ' qui indique la comparaison insensible à la casse et la stocke dans une variable ' regPattern ” :

Après cela, nous appellerons le ' test() ” méthode en passant la chaîne “ str2 » comme argument.

Ensuite, utilisez l'instruction conditionnelle pour vérifier si les chaînes sont égales ou non :

Production

Si vous souhaitez comparer une chaîne avec une autre chaîne en tant que sous-chaîne, vous devez suivre la section ci-dessous.

Méthode 4 : comparer deux chaînes à l'aide de la méthode includes()

Pour déterminer si la chaîne est une sous-chaîne de l'autre chaîne, JavaScript fournit une méthode prédéfinie appelée ' comprend() ' méthode. Il prend une chaîne comme argument et donne une valeur booléenne ' vrai ” s'il existe dans la chaîne ; sinon, ça revient ' faux ”.

Syntaxe

Suivez la méthode ci-dessous pour utiliser la méthode includes() :

Ici, ' str2 ' est la chaîne qui vérifie si elle est incluse ou fait partie de ' chaîne1 ” :

Exemple

Ici, d'abord, nous allons créer deux chaînes, 'str1' et 'str2' et vérifiez si la deuxième chaîne est une sous-chaîne de la première ou non :

Pour cela, appelez le Méthode 'includes()' en passant le 'str2' comme argument :

La sortie donne ' vrai » qui indique que le « str2 » est la partie du « chaîne1 ” :

Nous avons compilé toutes les méthodes pour comparer deux chaînes JavaScript.

Conclusion

Pour comparer deux chaînes JavaScript, vous pouvez utiliser la méthode localeCompare(), l'opérateur d'égalité stricte, RegEx avec la méthode test() ou la méthode includes(). L'opérateur d'égalité stricte effectue une comparaison sensible à la casse tandis que la méthode test() et la méthode localeCompare() effectuent la comparaison insensible à la casse. Enfin, la méthode includes() vérifie la chaîne en tant que sous-chaîne dans une autre chaîne. Dans cet article, nous avons démontré les méthodes de comparaison de deux chaînes en JavaScript avec des exemples appropriés.