Interpolation De Chaînes Javascript

| | | | | |

interpolation chaaîne JavaScript est le processus consistant à incorporer une expression dans une partie d’une chaaîne. Un littéral modèle est utilisé pour les expressions embed. Vous pouvez ajouter des valeurs telles que les variables et les mathématiques dans une chaaîne par interpolation.

Avez - vous besoin d’ajouter une valeur dans une chaaîne JavaScript? La syntaxe du modèle littéral vous a couvert. Modèle littéraux facilitent le travail avec des chaaînes multilignes et des valeurs dans une chaaîne imbriquer JavaScript. Modèle littéraux sont la syntaxe d’interpolation de chaaîne JavaScript.

Dans ce guide, nous allons parler d’interpolation de chaaîne JavaScript. Nous allons discuter de ce qu’il est, comment il fonctionne, et regarder un exemple d’interpolation de chaaîne pour vous aider à démarrer.

Sans plus tarder, nous allons commencer!

JavaScript interpolation chaaîne

Vous pouvez ajouter des valeurs à une chaaîne JavaScript en utilisant un littéral modèle. Ceci est un signe de dollar suivi par deux accolades. A l’ intérieur des accolades doivent être l’expression dont la valeur que vous souhaitez intégrer dans la chaaîne.

littéraux Pattern vous permettent de valeurs imbriquer dans une chaaîne sans compter sur concaténation. Pour déclarer un littéral modèle, la chaaîne doit être placée entre guillemets simples ( ") au lieu de guillemets doubles

Considérez la syntaxe suivante:.

Nous avons déclaré un littéral modèle. Notre expression est:

cette expression retourne 9 + 10. le résultat de cette expression est ajoutée à la fin de notre chaaîne, avant la période. En effet , nous avons écrit notre expression avant le point.

interpolation chaaîne JavaScript par exemple

littéraux modèles vous permettent de valeurs directement dans une imbriquer chaaîne. Considérez ce code:

La première ligne de code définit le numéro d’adresse du premier ministre. Ensuite, nous utilisons le modèle littéraux pour créer l’adresse complète. La syntaxe $ {} est utilisé pour intégrer une valeur dans notre chaaîne. Nous avons ajouté la valeur de "address_number" à la chaaîne

exécuter notre code de Let:

Notre code a fusionné nos deux chaaînes.

Lors de l’ utilisation littéraux de modèle, vous pouvez intégrer une valeur dans le sens littéral. Cela comprend une chaaîne, un nombre ou le résultat d’une JavaScript calcul mathématique . Il ne faut pas d’intégrer un littéral modèle dans un littéral modèle.

l’ un des principaux avantages des chaaînes littérales est .. que sa syntaxe est clair que nous pouvons intégrer notre code JavaScript directement dans notre chaaîne

nous pouvons joindre des chaaînes en utilisant la concaténation Disons que nous avons deux chaaînes:.

Vous pouvez concaténer deux chaaînes en utilisant le signe plus (+):

empreintes de console JavaScript la valeur suivante:

Nous avons réussi à créer une chaaîne qui relie la nos deux cordes. En fin de compte , nous utilisons l’opérateur de concaténation pour ajouter une période ( "") Pour notre phrase

Mais cette syntaxe a un inconvénient:. On ne peut ajouter des valeurs à la fin d’une chaaîne. Ceci est une grande raison derrière l’introduction de la syntaxe littérale modèle. Maintenant , il est plus facile d’ajouter des valeurs au milieu d’une chaaîne

JavaScript for String interpolation. Calculs

Le code dans un littéral de modèle est une instruction JavaScript. Cela signifie que vous pouvez utiliser littéraux modèle pour effectuer des calculs et intégrer leurs valeurs dans un programme.

Créons une chaaîne qui calcule le prix de deux boissons dans un Baré et met le résultat dans une chaaîne:

Dans le $ {} syntaxe, nous avons ajouté un calcul. Ce calcul ajoute les valeurs de deux variables JavaScript ensemble. Nos variables sont drink1 (2,30) et drink2 (2.20) ensemble. Notre code renvoie une chaaîne avec la somme de ces valeurs:

JavaScript pour l’ interpolation de chaaîne: opérateurs ternaires

JavaScript opérateurs ternaires vous permettent d’évaluer si un énoncé est vrai ou faux. Ils sont une façon plus concise d’écrire une instruction if. Ternaires opérateurs sont particulièrement utiles si le résultat d’un si Déclaration prendra une seule ligne de code

Si un client passe plus de $ 4,00 pour ses cafés, il devrait être présenté au projet de loi. Ensuite, il devrait être invité à rejoindre le club de carte de fidélité du café. Dans le cas contraire, il devrait être présenté au projet de loi. Nous pourrions utiliser un opérateur ternaire pour vérifier le co√ªt de la facture d’un client:

Notre modèle littéral contient deux haut-expressions. intégrer la valeur de "totale" au sein de notre chaaîne. Ensuite, nous utilisons un opérateur ternaire pour vérifier si un client devrait être invité à se joindre au café club de carte de fidélité

Si le prix d’achat total est de plus de 4,00 $, la console imprimer le message suivant:

Dans le cas contraire, notre opérateur ternaire retourne la valeur après les deux points ( ":").. Ceci est la valeur qui est renvoyée lorsqu’une expression évalue à False.

Dans notre exemple, la valeur après les deux points est une chaaîne vide. Cela signifie que si est inférieur à 4,00 $, seulement l’achat d’un client la première phrase de notre modèle littéral est retourné: