What does ${} (dollar sign and curly braces) mean in a string in Javascript?

javascript string variables concatenation
Darren Joy picture Darren Joy · Mar 7, 2016 · Viewed 157.7k times · Source

I haven't seen anything here or on MDN. I'm sure I'm just missing something. There's got to be some documentation on this somewhere?

Functionally, it looks like it allows you to nest a variable inside a string without doing concatenation using the + operator. I'm looking for documentation on this feature.

Example:

Answer

Rick Runyon picture Rick Runyon · Mar 7, 2016

You're talking about template literals.

They allow for both multiline strings and string interpolation.

Multiline strings:

console.log(`foo
bar`);
// foo
// bar

String interpolation:

var foo = 'bar';
console.log(`Let's meet at the ${foo}`);
// Let's meet at the bar

Related questions

How to interpolate variables in strings in JavaScript, without concatenation?

I know in PHP we can do something like this: $hello = "foo"; $my_string = "I pity the $hello"; Output: "I pity the foo" I was wondering if this same thing is possible in JavaScript as well. Using variables inside strings …

Read More
Append to string variable

How can I append a word to an already populated string variable with spaces?

Read More
How to delete "px" from 245px

Whats a simple way to delete the last two characters of a string?

Read More