Esegui l'interpolazione di stringhe in JavaScript

JavaScript ha una grande funzionalità chiamata interpolazione di stringhe che consente di inserire una variabile, una chiamata di funzione e un’espressione aritmetica direttamente in una stringa.

In questo articolo, introdurremo come eseguire l’interpolazione di stringhe. Avremo esempi di codice di seguito, che puoi eseguire sulla tua macchina.

Usa una nuova funzionalità di ES6 per eseguire l’interpolazione di stringhe in JavaScript

Prima del rilascio di ES6, l’interpolazione delle stringhe non era disponibile in JavaScript. La mancanza di questa funzionalità ha portato al codice di concatenazione delle stringhe, come mostrato di seguito.

Esempio:

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

Produzione:

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

L’interpolazione di stringhe è una funzionalità che consente di inserire variabili, chiamate di funzione ed espressioni aritmetiche direttamente in una stringa senza utilizzare la concatenazione o il carattere di escape per le stringhe multilinea.

Usiamo i backtick per i letterali del modello nell’interpolazione di stringhe e utilizziamo il formato - ${ourValue} per inserire valori dinamici come variabili, chiamate di funzione ed espressioni aritmetiche.

Esempio:

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

Produzione:

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

Ora sappiamo quanto sia una caratteristica fantastica l’interpolazione delle stringhe

Esempio:

Iniettiamo una chiamata di funzione e un’espressione aritmetica.

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}.`); 

Produzione:

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.

Esempio:

Possiamo usare istruzioni condizionali nell’interpolazione di stringhe.

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

Produzione:

Number is odd
Number is even