Interpolazione stringa JavaScript | Spiegato
In JavaScript, il concetto di interpolazione della stringa consente di aggiungere variabili o espressioni a una stringa. L'interpolazione può essere eseguita su stringhe create usando il modello letterale. Lo scopo dell'interpolazione della stringa è aggiungere varie variabili o espressioni all'interno di una stringa in modo privo di errori.
Il fenomeno sembra una concatenazione ma differisce nell'applicazione e nei vantaggi. Mantenendo l'importanza dell'interpolazione, questa guida serve i seguenti risultati di apprendimento.
- Perché interpolazione delle stringhe?
- Come fare un'interpolazione stringa in JavaScript
Perché interpolazione delle stringhe?
Potresti pensare che la concatenazione delle stringhe può essere utilizzata per eseguire l'attività che fa l'interpolazione delle stringhe, quindi perché è eseguita l'interpolazione?
La solita concatenazione stringa consente di aggiungere variabili/espressioni a una stringa. Per fare ciò, è necessario aggiungere/rimuovere frequentemente i segni di virgolette come mostrato nella seguente immagine.
Come mostra l'immagine sopra, esiste un'espressione complessa che viene eseguita per utilizzare più variabili che possono comportare commettere un errore. Per evitare un tale scenario, l'interpolazione della stringa è abbastanza utile in una situazione del genere.
Come fare un'interpolazione stringa in JavaScript
Prima di entrare negli esempi, capiamo come viene eseguita l'interpolazione delle stringhe in JavaScript. Esistono diversi modi per creare una stringa in JavaScript utilizzando le citazioni singoli/doppie o creando un modello letterale (usando il backquote (')). L'interpolazione può essere eseguita su stringhe create utilizzando il backquote (').
La seguente sintassi si riferisce all'interpolazione della stringa.
'La stringa viene interpolata $ espressione'L'espressione $ indica che il valore dell'espressione/variabile sarebbe incorporato in questa stringa.
Pratichiamo alcuni esempi per comprendere meglio il concetto di interpolazione delle stringhe.
Esempio 1
Il seguente codice utilizza l'interpolazione della stringa per incorporare più variabili in una stringa.
var age = 30; var name = "David";var post = "autore"
var str = 'Il nome di $ post è $ name ed è $ age anni'
console.log (str);
Nel codice sopra, vengono create due stringhe e una variabile intera. Queste variabili sono utilizzate nella stringa denominata "STR" Usando il concetto di interpolazione. Infine, la stringa interpolata viene stampata sulla console.
Produzione
L'output mostra che i valori delle variabili "Age", "Name" e "Post" sono incorporati correttamente nella stringa "STR" Usando l'interpolazione della stringa.
Esempio 2
Questo esempio controlla se un'interpolazione della stringa funziona su stringhe con citazioni singole/doppie.
var name = "David"; var post = "autore"console.log ("Il nome di $ post è $ nome");
console.log ('Il nome di $ post è $ nome');
Il codice sopra cerca di utilizzare il concetto di interpolazione su stringhe di una singola/doppia citazione.
Produzione
L'output mostra che la stringa che ha esercitato il fenomeno di interpolazione è stampata così com'è. Il valore delle variabili non è recuperato perché le citazioni singoli/doppie le stampano mentre venivano usate.
Conclusione
L'interpolazione della stringa consente di aggiungere i valori di variabili/espressioni in una stringa. L'interpolazione è abbastanza utile e facile da eseguire rispetto al concetto di concatenazione. Questo post fornisce una guida dettagliata sull'interpolazione delle stringhe in JavaScript. Per una breve guida, abbiamo dimostrato una serie di esempi che illustrano come le espressioni possono essere incorporate nelle stringhe. Infine, si è concluso che i letterali del modello possono incorporare le espressioni al loro interno mentre le citazioni singoli/doppie devono esercitare la concatenazione per svolgere lo stesso compito.