Interpolazione Di Stringhe Javascript

Michael Zippo 04.11.2021

Interpolazione di stringhe JavaScript è il processo di incorporamento di un`espressione in una parte di una stringa. Un valore letterale modello viene utilizzato per incorporare le espressioni. È possibile aggiungere valori ‚Äã‚Äãcome variabili e matematica a una stringa mediante interpolazione.

È necessario aggiungere un valore in una stringa JavaScript? La sintassi del modello letterale ti copre. I valori letterali del modello semplificano il lavoro con stringhe multilinea e valori JavaScript nidificati "in una stringa". I valori letterali di pattern sono sintassi di interpolazione di stringhe JavaScript.

In questa guida parleremo dell`interpolazione di stringhe JavaScript. Discuteremo di cosa si tratta, come funziona e guarderemo un esempio di interpolazione di stringhe per iniziare.

Senza ulteriori indugi, iniziamo!

Stringa di interpolazione JavaScript

Puoi aggiungere valori ‚Äã‚Äãa una stringa JavaScript utilizzando un valore letterale modello. Questo è un simbolo del dollaro seguito da due parentesi graffe. All`interno delle parentesi dovrebbe esserci l`espressione di cui vuoi incorporare il valore nella stringa.

I valori letterali di pattern ti consentono di annidare i valori ‚Äã‚Äãin una stringa senza fare affidamento sulla concatenazione. Per dichiarare un modello letterale, la stringa deve essere racchiusa tra virgolette singole (") invece di virgolette doppie

Considera la seguente sintassi:.

Abbiamo dichiarato un pattern letterale. La nostra espressione è:

questa espressione restituisce 9 + 10. the il risultato di questa espressione viene aggiunto alla fine della nostra stringa, prima del punto. In effetti, abbiamo scritto la nostra espressione prima del punto.

stringa di interpolazione JavaScript per esempio

i modelli letterali ti consentono ai valori ‚Äã‚Äãdirettamente in una stringa nidificata. Considera questo codice:

La prima riga di codice definisce il numero di indirizzo principale. Quindi utilizziamo il modello letterali per creare l`indirizzo completo tax $ {} viene utilizzato per i Integrare il valore nella nostra catena. Abbiamo aggiunto il valore di "address_number" alla stringa

Lascia che il nostro codice funzioni:

Il nostro codice ha unito le nostre due stringhe.

Quando usi i valori letterali di pattern, puoi incorporare un valore nel senso letterale. Ciò include una stringa, un numero o il risultato di un Calcolo matematico JavaScript . Non dovresti incorporare un valore letterale modello in un valore letterale modello.

uno dei principali vantaggi delle stringhe letterali è .. che la sua sintassi è chiara che possiamo incorporare il nostro codice javascript direttamente nella nostra stringa

possiamo unire stringhe usando la concatenazione Diciamo che abbiamo due st anelli:.

Puoi concatenare due stringhe usando il segno più (+):

La console JavaScript rileva il seguente valore:

Siamo riusciti a creare una catena che unisce i nostri due fili. In definitiva, utilizziamo l`operatore di concatenazione per aggiungere un punto ("") alla nostra frase

Ma questa sintassi ha uno svantaggio:. Non è possibile aggiungere valori ‚Äã‚Äãalla fine di una stringa. Questo è un grande motivo dietro l`introduzione della sintassi del modello letterale. Ora è più semplice aggiungere valori ‚Äã‚Äãal centro di una stringa

JavaScript per l`interpolazione di stringhe. Calcoli

Il codice in un valore letterale del modello è un`istruzione JavaScript. Ciò significa che puoi utilizzare i valori letterali del modello per eseguire calcoli e incorporare i loro valori ‚Äã‚Äãin un programma.

Creiamo una catena che calcola il prezzo di due drink in un Baré e inserisce il risultato in una catena:

Nella sintassi $ {}, abbiamo aggiunto un calcolo. Questo calcolo somma i valori di due variabili JavaScript insieme. Le nostre variabili sono drink1 (2,30) e drink2 (2,20) insieme. Il nostro codice restituisce una stringa con la somma di questi valori:

JavaScript per l`interpolazione di stringhe: operatori ternari

Operatori ternari JavaScript < /a> consentono di valutare se un`affermazione è vera o falsa. Sono un modo più conciso di scrivere un`istruzione if. Gli operatori ternari sono particolarmente utili se il risultato di un`istruzione if richiede una singola riga di codice

Se un cliente spende più di $ 4,00 per i suoi caffè dovrebbe essere presentato al conto. Quindi dovrebbe essere invitato a unirsi alla fedeltà del bar card club. In caso contrario, dovrebbe essere presentato in fattura. Potremmo utilizzare un operatore ternario per verificare il costo della fattura di un cliente:

Il nostro modello letterale contiene due espressioni integrate. integrare il valore del “totale” all`interno della nostra filiera. Quindi utilizziamo un operatore ternario per verificare se un cliente deve essere invitato a iscriversi al club cafe della carta fedeltà

Se il prezzo totale di acquisto è superiore a $ 4,00, la console stamperà il seguente messaggio:

Altrimenti il nostro operatore ternario restituisce il valore dopo i due punti (":") .. Questo è il valore che viene restituito quando un expression restituisce False.

Nel nostro esempio, il valore dopo i due punti è una stringa vuota. Ciò significa che se è inferiore a $ 4,00, viene restituita solo l`acquisto di un cliente la prima frase del nostro modello letterale:

Conclusione

I valori letterali del modello consentono di incorporare un valore in una stringa. È possibile eseguire calcoli in un modello letterale. Dichiariamo i valori letterali del modello usando i backtick. Le dichiarazioni da valutare sono indicate dal simbolo del dollaro e da una coppia di parentesi graffe all`interno delle quali compare la dichiarazione

Per suggerimenti su come saperne di più su JavaScript, consulta la Guida all`apprendimento di JavaScript .