Come aggiungere espressioni in una stringa?

L'interpolazione della stringa è un processo per utilizzare chiamate di funzione, variabili ed espressioni aritmetiche in una stringa direttamente. Prima dell'interpolazione della stringa, le caratteristiche delle variabili JavaScript, le chiamate di espressione e funzionalità sono incorporate in una stringa usando sequenza di escape, letterali di oggetti e processo di concatenazione che rende il codice disordinato e meno comprensibile.

In questo articolo, discuteremo di interpolazione delle stringhe in JavaScript con i seguenti risultati di apprendimento:

• Come utilizzare l'interpolazione delle stringhe in Java
• Differenza tra interpolazione delle stringhe e concatenazione
• Come utilizzare l'interpolazione delle stringhe con istruzioni condizionali?
• Come utilizzare l'interpolazione delle stringhe con gli operatori logici?

Come utilizzare l'interpolazione delle stringhe in JavaScript

In JavaScript, l'interpolazione della stringa viene eseguita usando il modello letterale. Questi letterali modello usano i backtick (") per avvolgere una corda all'interno e il $ Firma con un paio di parentesi ricci viene utilizzato per incorporare l'espressione in un modello letterale per l'interpolazione delle stringhe.

Sintassi:

'Questo è il processo di interpolazione stringa $ espressione'

Come utilizzare gli operatori aritmetici nell'interpolazione delle stringhe

Nell'interpolazione delle stringhe, possiamo incorporare gli operatori aritmetici $ e le parentesi graffe ricci come mostrato di seguito

Codice:

var a = 2;
var b = 3;
const first = 'String Interpolation Esempio in JavaScript $ a+b'
console.registro (primo);

Qui prendiamo due variabili UN E B e inizializzali, quindi prendiamo un'altra variabile Primo in cui utilizziamo i backticks per incorporare la stringa ed espressione.

Produzione:

Nell'esempio sopra, l'espressione viene calcolata all'interno del modello letterale che ritorna 5 come risultato.

Differenza tra concatenazione delle stringhe e interpolazione delle stringhe

Interpolazione della stringa e concatenazione delle stringhe, entrambi vengono utilizzati per unirsi alle stringhe, alle chiamate di funzione e alle espressioni aritmetiche in una stringa. I seguenti esempi mostrano la differenza tra le due tecniche di giunzione delle stringhe.

Concatenazione delle stringhe:

I seguenti esempi mostrano come abbiamo incorporato stringhe e variabili prima dell'interpolazione della stringa.

Codice:

const name = 'John';
const età = 26;
Informazioni = "Il mio nome è" + nome + "e io sono" + età + "anni";
console.registro (informazioni);

Qui prendiamo una variabile nome, età E informazione. Quindi inizializziamo il nome con un valore di stringa, età con un valore intero e nella variabile delle informazioni, eseguiamo la concatenazione delle stringhe.

Produzione:

Si vede chiaramente che usiamo il segno (+) per unire stringhe e variabili che rendono il codice disordinato e meno chiaro.

Interpolazione della stringa:

Prendiamo l'esempio sopra ed eseguiamo l'interpolazione delle stringhe per comprendere chiaramente la differenza.

Codice:

const name = 'John';
const età = 26;
Information = 'Il mio nome è $ nome e ho $ age anni.';
console.registro (informazioni);

Qui usiamo il $ firmare con la coppia di BRESTER CULLY per incorporare le variabili in una stringa.

Produzione:

Con l'aiuto del modello letterale, eseguiamo l'interpolazione delle stringhe che rende il codice pulito, facilmente leggibile e comprensibile.

Ora, hai capito la chiara differenza tra la concatenazione delle stringhe e l'interpolazione delle stringhe. Diamo un'occhiata agli esempi di codice di interpolazione delle stringhe in diversi scenari.

Come utilizzare l'interpolazione delle stringhe con istruzioni condizionali

L'esempio seguente dimostra l'uso dell'interpolazione delle stringhe con istruzioni condizionali.

Codice:

const x = 3;
console.log ('$ x è $ x%2 === 0 ? 'pari dispari'');

Qui abbiamo aggiunto un operatore ternario per verificare se un numero è uniforme o dispari con l'aiuto dell'interpolazione delle stringhe.

Produzione:

Il codice ha funzionato come ci aspettavamo.

Come utilizzare gli operatori logici con interpolazione delle stringhe

Possiamo anche usare operatori logici come &&, ||, ? con interpolazione della stringa. Nel seguente esempio, stiamo usando && operatore con interpolazione della stringa.

Codice:

const età = 20;
console.log ('sei $ age> 10 && age<18 ? 'a teenager':'an adult'');

Qui controlliamo se la persona è adulta o adolescente con l'aiuto di && operatore nell'interpolazione delle stringhe.

Produzione:

Con l'aiuto dell'operatore && operatore ternario nell'interpolazione delle stringhe, abbiamo ottenuto il nostro risultato desiderato.

Conclusione

L'interpolazione delle stringhe è una caratteristica molto utile e importante di ES6 che consente ai suoi utenti di incorporare espressioni, variabili, stringhe e chiamate di funzione direttamente in una stringa senza usare sequenze di fuga, primitivi di stringa e concatenazione.