How to create Multiline string in JavaScript?
📋 Table Of Content
In this article, we will learn How to create Multilline String in Javascript.
EMCAScript 6 ( ES6 ) has introduce a new type of literal called template literals.
Template literals (Template strings) have many features like variable / expression interpolation, nesting templates, tagged templates etc. Template literals are delimited with backticks (`), and allows embedded expressions called substitutions.
And among with these features, we also got the Multi-line strings, which helps us to create multi-line string in JavaScript.
In Multi-line strings, any newline characters in the code or source is considered as a part of the template literal.
Create Mutli-line strings in JavaScript
When we use normal strings, we would have to use the following syntax to create multi-line strings in our JavaScript code:
console.log('string text line 1\n' +
'string text line 2');
//OUTPUT
// "string text line 1
// string text line 2"
In the above code, in order to create a new line we had to use \n, it create a new line.
However, now using the template literals, we can write multi-line like this example below:
console.log(`string text line 1
string text line 2`);
//OUTPUT
// "string text line 1
// string text line 2"
We just have to write the strings inside the backticks (`) and it will be displayed as multiline.
Related Topics: