How can I do string interpolation in JavaScript?

Since ES6, you can use template literals:

const age = 3
console.log(`I'm ${age} years old!`)

Expand snippet

P.S. Note the use of backticks: ``.

Related Posts:

  1. How to interpolate variables in strings in JavaScript, without concatenation?
  2. How to check whether a string contains a substring in JavaScript?
  3. Check if a string has a certain piece of text [duplicate]
  4. How to convert a string to an integer in JavaScript?
  5. How do I make the first letter of a string uppercase in JavaScript?
  6. How do I make the first letter of a string uppercase in JavaScript?
  7. Creating multiline strings in JavaScript
  8. Creating multiline strings in JavaScript
  9. Split string into array
  10. How do you reverse a string in-place in JavaScript?
  11. What is the correct way to check for string equality in JavaScript?
  12. Check if a variable is a string in JavaScript
  13. What’s the best way to convert a number to a string in JavaScript?
  14. How to perform string interpolation in TypeScript?
  15. Check if a variable is a string in JavaScript
  16. How can I remove a character from a string using JavaScript?
  17. How to print elements from array with javascript
  18. How to remove text from a string?
  19. What does ${} (dollar sign and curly braces) mean in a string in Javascript?
  20. Delete first character of a string in Javascript
  21. ES6: Create Strings using Template Literals – Freecodecamp
  22. How do I check if string contains substring? [duplicate]
  23. How do I check if string contains substring?
  24. How can I get the last character in a string?
  25. How can I get the last character in a string?
  26. Count the number of occurrences of a character in a string in Javascript
  27. Converting an object to a string
  28. Anagrams finder in javascript
  29. How can I extract a number from a string in JavaScript?
  30. String.Format not work in TypeScript
  31. How to do case insensitive string comparison?
  32. How to remove part of a string?
  33. Escaping HTML strings with jQuery
  34. Replace all spaces in a string with ‘+’
  35. How to count string occurrence in string?
  36. Insert a string at a specific index
  37. Strip HTML from Text JavaScript
  38. Strip all non-numeric characters from string in JavaScript
  39. Wildcard string comparison in Javascript
  40. Replace spaces with dashes and make all letters lower-case
  41. Check if a JavaScript string is a URL
  42. How to make a word underline in Markdown
  43. JQuery – $ is not defined
  44. Is it possible to sandbox JavaScript running in the browser?
  45. RegEx Ignore Case
  46. What is the convention in JSON for empty vs. null?
  47. Generating random whole numbers in JavaScript in a specific range?
  48. How to extract extension from filename string in Javascript?
  49. keep getting “? Something is already running on port 3000” when I do npm start on react app
  50. React Context vs React Redux, when should I use each one?
  51. Regular expression : match either of two conditions?
  52. What is causing the error `string.split is not a function`?
  53. Difference between innerText, innerHTML and value?
  54. Uncaught TypeError: data.push is not a function
  55. Length of a JavaScript object
  56. TypeError: $(…).modal is not a function with bootstrap Modal
  57. How to do fade-in and fade-out with JavaScript and CSS
  58. I want to remove double quotes from a String
  59. Calculating median – javascript
  60. Vue is not defined
  61. How to remove all listeners in an element?
  62. How do I check if an object has a key in JavaScript?
  63. How to make your Discord Bot always active
  64. How to write inside a DIV box with javascript
  65. use Lodash to sort array of object by value
  66. Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded
  67. How to get unique values in an array
  68. How to fix Error: listen EADDRINUSE while using NodeJS?
  69. Set scroll position
  70. .filter is not a function 
  71. Function overloading in Javascript – Best practices 
  72. Wait until flag=true
  73. momentJS date string add 5 days
  74. When is a CDATA section necessary within a script tag?
  75. How to get scrollbar position with Javascript?
  76. where is create-react-app webpack config and files?
  77. How to wrap the content of the main tinyMCE editor with extra tags
  78. Rest API authentication issue when called from fetch request in bundle.js
  79. Javascript not working?
  80. Add Item to Custom TinyMCE Menu
  81. Listbox return wrong value in WordPress 3.9
  82. Logout user and delete cookies from the client side?
  83. How do developers add “Smooth Transitions” to their sites?
  84. How can I get my Calculate Contact Form 7 field to update with jQuery? [closed]
  85. Calling a WordPress Custom JavaScript file
  86. How do I know if I should enqueue JS code or just include it in ONE PHP function?
  87. How do I use this javascript correct with wordpress?
  88. How can I integrate yepnope.js with WordPress (and plugins)?
  89. How to set javascript options for select2 in PHP array of plugin
  90. Multiple jQuery inputs or binds in Customizer Control Javascripts
  91. How to display different content on the same page using different URLS
  92. Immediate (e.g. without DOMContentLoaded) JS not working
  93. Client side pre-save Javascript hook on all admin pages
  94. Script not working in post content
  95. How to identify which javascript is being executed
  96. How to keep close a sub-menu under homepage? [closed]
  97. How to implement custom URL handler to access JS modal content? [closed]
  98. Javascript 2 elements dependent onclick .toggle [closed]
  99. How to load JavaScript modules with script_loader_tag hook?
  100. How to securely set dynamic HTML content with JavaScript?

Leave a Comment