Comment ajouter des expressions dans une chaîne?

L'interpolation de chaîne est un processus pour utiliser les appels de fonction, les variables et les expressions arithmétiques dans une chaîne directement. Avant l'interpolation de la chaîne, les caractéristiques des variables JavaScript, des appels d'expression et de fonction sont intégrées dans une chaîne en utilisant la séquence d'échappement, les littéraux d'objet et le processus de concaténation qui rend le code désordonné et moins compréhensible.

Dans cet article, nous allons discuter de l'interpolation des cordes en JavaScript avec les résultats d'apprentissage suivants:

• Comment utiliser l'interpolation de chaîne en java
• Différence entre l'interpolation des cordes et la concaténation
• Comment utiliser l'interpolation de chaîne avec des instructions conditionnelles?
• Comment utiliser l'interpolation de chaîne avec des opérateurs logiques?

Comment utiliser l'interpolation de chaîne dans JavaScript

En JavaScript, l'interpolation de chaîne est effectuée à l'aide de modèle littéral. Ces modèles littéraux utilisent des backtticks (") pour envelopper une corde à l'intérieur et le $ signe avec une paire de supports bouclés est utilisé pour intégrer l'expression dans un modèle littéral pour l'interpolation de chaîne.

Syntaxe:

'Ceci est le processus d'interpolation de chaîne $ expression'

Comment utiliser les opérateurs arithmétiques dans l'interpolation de chaînes

Dans l'interpolation des cordes, nous pouvons intégrer des opérateurs arithmétiques avec $ et accolades bouclées comme indiqué ci-dessous

Code:

var a = 2;
var b = 3;
const First = 'String Interpolation Exemple dans javascript $ a + b'
console.log (premier);

Ici, nous prenons deux variables un et b et les initialiser, puis nous prenons une autre variable d'abord dans lequel nous utilisons des backticks pour intégrer la ficelle et l'expression.

Sortir:

Dans l'exemple ci-dessus, l'expression est calculée à l'intérieur du modèle littéral qui revient 5 à la suite.

Différence entre la concaténation des chaînes et l'interpolation de la chaîne

Interpolation de chaîne et concaténation des chaînes, les deux sont utilisés pour rejoindre les chaînes, les appels de fonction et les expressions arithmétiques en une seule chaîne. Les exemples suivants montrent la différence entre les deux techniques d'adhésion aux cordes.

Concaténation des cordes:

Les exemples suivants montrent comment nous intégrons les chaînes et les variables avant l'interpolation de la chaîne.

Code:

const name = 'John';
Const Âge = 26;
information = "Mon nom est" + nom + "et je suis" + âge + "ans";
console.journal (information);

Ici, nous prenons une variable nom, âge et information. Ensuite, nous initialisons le nom avec une valeur de chaîne, l'âge avec une valeur entière, et dans la variable d'information, nous effectuons une concaténation de chaîne.

Sortir:

On voit clairement que nous utilisons (+) signe pour rejoindre des chaînes et des variables qui rend le code désordonné et moins clair.

Interpolation de chaîne:

Prenons l'exemple ci-dessus et effectuons une interpolation de chaîne pour comprendre clairement la différence.

Code:

const name = 'John';
Const Âge = 26;
information = 'Mon nom est $ nom et je suis $ Age ans.';;
console.journal (information);

Ici, nous utilisons le $ signe avec la paire de Braces bouclées pour intégrer les variables dans une chaîne.

Sortir:

À l'aide du modèle littéral, nous effectuons une interpolation de chaîne qui rend le code propre, facilement lisible et compréhensible.

Maintenant, vous avez compris la différence claire entre la concaténation des cordes et l'interpolation de la chaîne. Jetons un coup d'œil aux exemples de code d'interpolation de chaîne dans différents scénarios.

Comment utiliser l'interpolation de chaîne avec des instructions conditionnelles

L'exemple suivant démontre l'utilisation de l'interpolation de chaîne avec des instructions conditionnelles.

Code:

const x = 3;
console.log ('$ x est $ x% 2 === 0 ? 'même bizarre'');

Ici, nous avons ajouté un opérateur ternaire pour vérifier si un nombre est uniforme ou impair à l'aide d'interpolation de chaîne.

Sortir:

Le code a fonctionné comme nous nous attendions.

Comment utiliser les opérateurs logiques avec une interpolation de chaîne

Nous pouvons également utiliser des opérateurs logiques comme &&, ||, ? avec interpolation de chaînes. Dans l'exemple suivant, nous utilisons && opérateur avec interpolation de chaîne.

Code:

Const Âge = 20;
console.log ('vous êtes $ Âge> 10 && âge<18 ? 'a teenager':'an adult'');

Ici, nous vérifions si la personne est un adulte ou un adolescent avec l'aide de && opérateur dans l'interpolation des chaînes.

Sortir:

Avec l'aide de && opérateur et opérateur ternaire en interpolation de chaîne, nous avons le résultat souhaité.

Conclusion

L'interpolation de chaîne est une caractéristique très utile et importante de l'ES6 qui permet à ses utilisateurs d'incorporer les expressions, les variables, les chaînes et les appels de fonction directement dans une chaîne sans utiliser de séquences d'évasion, de primitives de chaîne et de concaténation.