Scrivi una stringa multilinea in JavaScript

Harshit Jindal 12 ottobre 2023
  1. Concatena più righe in JavaScript
  2. Usa il carattere barra rovesciata \ per sfuggire alle nuove righe letterali
  3. Usa i valori letterali dei modelli per creare una stringa Mutliline in JavaScript
Scrivi una stringa multilinea in JavaScript

Questo tutorial insegna come scrivere una stringa multilinea in JavaScript. Nell’era precedente a ES6, non c’era il supporto diretto per le stringhe multilinea in JavaScript. Ci sono diversi modi per ottenere questo risultato, i modi pre ES6 che non erano così buoni e il modo ES6, il modo dello zucchero sintattico. Tratteremo tutti questi metodi uno per uno.

Concatena più righe in JavaScript

Possiamo suddividere la stringa in più sottostringhe e quindi utilizzare il segno + per concatenarle insieme per ottenere la stringa singola completa. In questo modo otteniamo la divisione delle stringhe in più righe e il loro insieme in una stringa allo stesso tempo.

const str = 'This is DelftStack' +
    ' We make cool How to Tutorials' +
    ' &' +
    ' Make the life of other developers easier.';

Produzione:

"This is DelftStack We make cool How to Tutorials & Make the life of other developers easier."

Era il modo più semplice e promettente per scrivere stringhe multilinea prima dell’introduzione dei letterali modello, ma questo metodo non può produrre la stringa formata come stringhe multilinea e ciò deve essere ottenuto aggiungendo un \n alla fine di ogni riga.

Usa il carattere barra rovesciata \ per sfuggire alle nuove righe letterali

Possiamo aggiungere una barra rovesciata alla fine di ogni riga per creare una stringa multilinea all’interno di virgolette doppie / singole, poiché questo carattere ci aiuta a sfuggire al carattere di nuova riga.

const str = 'This is DelftStack \
We make cool How to Tutorials \
& \
Make the life of other developers easier.';

Produzione:

"This is DelftStack We make cool How to Tutorials & Make the life of other developers easier."

Quindi abbiamo scritto la stringa spezzata su più righe ma abbiamo unito la stringa unita che ci aiuta a raggiungere entrambi i nostri obiettivi, l’output di visualizzazione corretto e la leggibilità del codice. Ma non è sempre desiderabile che si possano desiderare stringhe che siano effettivamente suddivise su più righe anche quando vengono visualizzate. Ciò si ottiene utilizzando i valori letterali del modello in ES6.

Usa i valori letterali dei modelli per creare una stringa Mutliline in JavaScript

Il letterale modello è il nuovo modo introdotto da ES6 che ci aiuta a scrivere stringhe multilinea con l’aiuto di backtick (questo carattere ` è chiamato backtick). È di gran lunga la soluzione migliore in quanto non solo ci consente di scrivere stringhe su più righe, ma le stampa nello stesso identico modo che non era possibile con nessuno dei metodi precedenti.

var str = `This is DelftStack 
We make cool How to Tutorials 
& 
Make the life of other developers easier.
`

Produzione:

This is DelftStack 
We make cool How to Tutorials 
& 
Make the life of other developers easier.
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Articolo correlato - JavaScript String