Comment faire de l'interpolation de chaînes en JavaScript

JavaScript dispose d’une fonctionnalité formidable appelée interpolation de chaîne de caractères qui permet d’injecter une variable, un appel de fonction et une expression arithmétique directement dans une chaîne de caractères.

Dans cet article, nous allons présenter comment effectuer l’interpolation de chaînes de caractères. Vous trouverez ci-dessous des exemples de codes que vous pouvez exécuter sur votre machine.

Utiliser une nouvelle fonctionnalité de l’ES6 pour faire de l’interpolation de chaînes de caractères en JavaScript

Avant la publication de l’ES6, l’interpolation de chaînes n’était pas disponible en JavaScript. L’absence de cette fonctionnalité a conduit à l’élaboration d’un code de concaténation de chaînes de caractères, comme indiqué ci-dessous.

Exemple :

const generalInformation = (firstName, lastName, Country) => {
  return 'First Name ' + firstName + ' Last Name: ' + lastName + '. ' +
      Country + ' is my country.';
} console.log(generalInformation('Mark', 'John', 'US'));

Production :

First Name Mark Last Name: John. US is my country.

L’interpolation de chaînes est une fonctionnalité qui permet d’injecter des variables, des appels de fonctions et des expressions arithmétiques directement dans une chaîne sans utiliser de concaténation ou de caractère d’échappement pour les chaînes à plusieurs lignes.

Nous utilisons des backticks pour les modèles littéraux dans l’interpolation de chaînes et utilisons le format - ${ourValue} pour insérer des valeurs dynamiques comme des variables, des appels de fonction et des expressions arithmétiques.

Exemple :

const generalInformation = (firstName, lastName, Country) => {
  return `First Name: ${firstName} Last Name: ${lastName}. Country: ${Country}`;
} console.log(generalInformation('Mark', 'John', 'US'));

Production :

First Name: Mark Last Name: John. Country: US

Nous savons maintenant à quel point l’interpolation de chaînes de caractères est une fonctionnalité fantastique

Exemple :

Injectons un appel de fonction et une expression arithmétique.

const generalInformation = (firstName, lastName, Country) => {
  return `First Name: ${firstName} Last Name: ${lastName}. Country: ${Country}`;
} console.log(generalInformation('Mark', 'John', 'US'));

console.log(`${generalInformation("Mark", "John", "US")} He is a Worker in our company.`);  

console.log(`sum of 10 and 6 is ${10+6}.`); 

Production :

First Name: Mark Last Name: John. Country: US
First Name: Mark Last Name: John. Country: US He is a Worker in our company.
sum of 10 and 6 is 16.

Exemple :

Nous pouvons utiliser des instructions conditionnelles dans l’interpolation de chaînes de caractères.

const isEvenOrOdd = (num) => {
  console.log(`Number is ${num % 2 === 0 ? 'even' : 'odd'}`);
} isEvenOrOdd(5);
isEvenOrOdd(8);

Production :

Number is odd
Number is even