by Sai gowtham

How to interpolate the strings in JavaScript

In this tutorial, we will learn about string interpolation in javascript by using the es6 template literals.

Template literals are defined using backticks.

String interpolation

To interpolate the string, we need to use the backticks followed by a ${} syntax.

Here is an example:

let user= 'gowtham';

console.log(`My name is ${user}`) // My name is gowtham

The dollar sign and curly brace ${ } is a placeholder, which is evaluating the passed expression.

let name = 'gowtham';

console.log(`My name is ${name} and id is ${Math.random()}`);

console.log(` sum of 2 and 3 is ${2+3}`) // 5

Multi-line strings

We can also create multi-line strings like this.

console.log(`This is  a multiline string
             using template literals`);

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
26,545 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
221,520 students enrolled
44 hours of video content
View Course
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
114,575 students enrolled
21 hours of video content
View Course