How to do string interpolation in JavaScript?

JavaScript since ES6 has template string support which gives native support for string interpolation. These are called template literals. Template literals are string literals that allow embedded expressions. Template strings use back-ticks (``) rather than the single or double-quotes. A template string could thus be written as −

var greeting = `Hello World!`;

Template strings can use placeholders for string substitution using the ${ } syntax.

Example 1

var name = "Brendan";
console.log('Hello, ${name}!');

Output

This will give the following output −

Hello, Brendan!

Example 2

Template literals and expressions

var a = 10;
var b = 10;
console.log(`The sum of ${a} and ${b} is ${a+b} `);

Output

This will give the following output −

The sum of 10 and 10 is 20

Example 3

Template literals and function expression

function fn() { return "Hello World"; }
console.log(`Message: ${fn()} !!`);

Output

This will give the following output −

Message: Hello World !!

Template strings can contain multiple lines.

Example

var multiLine = `
   This is
   a string
   with multiple
   lines`;
console.log(multiLine)

Output

This will give the following output −

This is
a string
with multiple
line

Ayush Gupta

Updated on 27-Nov-2019 10:12:15

• Related Questions & Answers
• Interpolation Search in JavaScript
• String Interpolation in Dart Programming
• How to do case-sensitive string comparison in JavaScript?
• Interpolation Search
• Lagrange Interpolation
• How do I compare String and Boolean in JavaScript?
• How to do case insensitive string comparison of strings in JavaScript
• How do you reverse a string in place in JavaScript?
• How do you convert a string to a character array in JavaScript?
• How to get smooth interpolation when using pcolormesh (Matplotlib)?
• How do I convert a string into an integer in JavaScript?
• How to do reverse of string in Android?
• How to do Butterfly Shuffle in JavaScript?
• C++ Program to Implement Interpolation Search Algorithm
• Bessel’s Interpolation in C++