Introduction to JavaScript – Variables: String Interpolation II

Introduction to JavaScript – Variables: String Interpolation II

In the newest version of JavaScript (ES6) we can insert variables into strings with ease, by doing two things:

1) Instead of using quotes around the string, use backticks (this key is usually located on the top of your keyboard, left of the 1 key (see images below).

Backtick key on most keyboards.

Backtick key on most keyboards.

Backtick key on Mac Keyboard

Backtick key on Mac Keyboard


2) Wrap your variable with ${myVariable}, followed by a sentence. No +s necessary.

ES6 string interpolation is easier than the method you used in our last exercise.

With ES6 interpolation we can insert variables directly into our text.

It looks like this:

let myPet = 'armadillo'
console.log(`I own a pet ${myPet}.`) //Since ES6, you can just do this.
// Output: 'I own a pet armadillo.'

The resulting string is:

I own a pet armadillo.


In the example above, the backticks ) wrap the entire string. The variable (myPet) is inserted using ${}.

Review: In computer programming, string interpolation (or variable interpolation, variable substitution, or variable expansion) is the process of evaluating a string literal containing one or more placeholders, yielding a result in which the placeholders are replaced with their corresponding values.

Related Videos: Related Videos.

Related Posts:

My little pony learning game in VB.NET

Introduction to JavaScript – Create a Variable: let

CODING WITH CSS: The style attribute

Introduction to JavaScript – Control Flow: True and False values

Learn more about JavaScript Variables

Introduction to JavaScript

Tips and Tricks for WRITING JAVASCRIPT code

How to make a Go-Back Input button with inline JavaScript

Introduction to JavaScript – Variables: String Interpolation

Learn about JavaScript IF STATEMENTS

Learn about JavaScript ELSE STATEMENTS

JavaScript Comparison Operators

Introduction to JavaScript – Variables: Undefined

Introduction to JavaScript – Variables: Review

Introduction to JavaScript – Data Types

Learn about programming Classes and Objects in Python

Automatically Link to Twitter Usernames in Content

Hello World Android app built with Android Studio

Using the Current Year in Your Posts – WordPress

Introduction to JavaScript – Control Flow: if/else Statements

Who is this Android App Development course for?

Android Studios

Python Basic String Operations

Wikipedia on String interpolation

Connected through code, Choose Your Platform!

About the Author: Bernard Aybout

In the land of bytes and bits, a father of three sits, With a heart for tech and coding kits, in IT he never quits. At Magna's door, he took his stance, in Canada's wide expanse, At Karmax Heavy Stamping - Cosma's dance, he gave his career a chance. With a passion deep for teaching code, to the young minds he showed, The path where digital seeds are sowed, in critical thinking mode. But alas, not all was bright and fair, at Magna's lair, oh despair, Harassment, intimidation, a chilling air, made the workplace hard to bear. Management's maze and morale's dip, made our hero's spirit flip, In a demoralizing grip, his well-being began to slip. So he bid adieu to Magna's scene, from the division not so serene, Yet in tech, his interest keen, continues to inspire and convene.