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 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 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