Interpolation de la chaîne JavaScript | Expliqué

Dans JavaScript, le concept d'interpolation de chaîne permet d'ajouter des variables ou des expressions à une chaîne. L'interpolation peut être effectuée sur des chaînes créées à l'aide du modèle littéral. Le but de l'interpolation de la chaîne est d'ajouter diverses variables ou expressions à l'intérieur d'une chaîne de manière sans erreur.

Le phénomène ressemble à une concaténation mais diffère dans l'application et les avantages. En gardant l'importance de l'interpolation, ce guide sert les résultats d'apprentissage suivants.

1. Pourquoi une interpolation de chaîne?
2. Comment faire une interpolation de chaîne en javascript

Pourquoi une interpolation de chaîne?

Vous pensez peut-être que la concaténation des cordes peut être utilisée pour effectuer la tâche que fait l'interpolation des cordes, alors pourquoi l'interpolation est-elle réalisée?

La concaténation de chaîne habituelle vous permet d'ajouter des variables / expressions à une chaîne. Pour ce faire, vous devez ajouter / supprimer fréquemment les guillemets comme indiqué dans l'image suivante.

Comme le montre l'image ci-dessus, il existe une expression complexe qui est effectuée pour utiliser plusieurs variables qui peuvent entraîner une erreur. Pour éviter un tel scénario, l'interpolation de la chaîne est très utile dans une telle situation.

Comment faire une interpolation de chaîne en javascript

Avant d'entrer dans les exemples, comprenons comment l'interpolation des cordes est réalisée en javascript. Il existe plusieurs façons de créer une chaîne en JavaScript en utilisant les devis simples / doubles ou en créant un modèle littéral (en utilisant le backquote (')). L'interpolation peut être effectuée sur des chaînes créées à l'aide du backquote (').

La syntaxe suivante fait référence à l'interpolation de la chaîne.

'La chaîne est interpolée $ expression'

Le $ expression indique que la valeur de l'expression / variable serait intégrée dans cette chaîne.

Passons en pratique quelques exemples pour mieux comprendre le concept d'interpolation des cordes.

Exemple 1

Le code suivant utilise une interpolation de chaîne pour intégrer plusieurs variables dans une chaîne.

var age = 30; var name = "david";
var post = "auteur"
var str = 'Le nom de $ post est $ name et est $ âge ans'
console.log (str);

Dans le code ci-dessus, deux chaînes et une variable entière sont créées. Ces variables sont utilisées dans la chaîne nommée "Str" en utilisant le concept d'interpolation. Enfin, la chaîne interpolée est imprimée sur la console.

Sortir

La sortie montre que les valeurs des variables «Age», «Nom» et «Post» sont intégrés avec succès dans la chaîne "Str" en utilisant l'interpolation de chaîne.

Exemple 2

Cet exemple vérifie si une interpolation de chaîne fonctionne sur les chaînes avec des citations simples / doubles.

var name = "david"; var post = "auteur"
console.log ("le nom de $ post est $ name");
console.log ('le nom de $ post est $ name');

Le code ci-dessus essaie d'utiliser le concept d'interpolation sur les chaînes d'une citation simple / double.

Sortir

La sortie montre que la chaîne qui exerçait le phénomène d'interpolation est imprimée telle qu'elle est. La valeur des variables n'est pas récupérée car les guillemets simples / doubles les impriment car ils ont été utilisés.

Conclusion

L'interpolation de chaîne permet d'ajouter les valeurs des variables / expressions dans une chaîne. L'interpolation est très utile et facile à exécuter par rapport au concept de concaténation. Cet article fournit un guide détaillé sur l'interpolation des chaînes en javascript. Pour un bref guide, nous avons démontré un ensemble d'exemples qui illustrent comment les expressions peuvent être intégrées dans les cordes. Enfin, il est conclu que le modèle que les littéraux peuvent intégrer les expressions à l'intérieur alors que les citations simples / doubles doivent exercer une concaténation pour effectuer la même tâche.