How would you turn a JavaScript variable into a Template literal?

by

For the general situation, you can use a replacer function to replace every occurrence of ${someProp} with the someProp property on an object:

const interpolate = (str, obj) => str.replace(
  /\${([^}]+)}/g,
  (_, prop) => obj[prop]
);

const generatedText = "But I still need to use it as a template it to get ${variable}.";
const variable = "Successs!!!!";

console.log(interpolate(generatedText, { variable }));

The regular expression \${([^}]+)} means:

  • \$ – Literal $
  • { – Literal {
  • ([^}]+) First (and only) capture group:
    • [^}]+ – One or more characters which are not }
  • } – Literal }

Since prop is the property name found in between the brackets, replace with obj[prop] to replace with the desired replacement.

More Related Contents:

  1. Is there a downside to using ES6 template literals syntax without a templated expression?
  2. How to do case insensitive string comparison?
  3. How to interpolate variables in strings in JavaScript, without concatenation?
  4. Backticks (`…`) calling a function in JavaScript
  5. How many bytes in a JavaScript string?
  6. Is there currently anyway to concatenate two or more string literal types to a single string literal type in TypeScript right now?
  7. How to escape JavaScript in JSP?
  8. Use dynamic (variable) string as regex pattern in JavaScript
  9. Does console.log invokes toString method of an object?
  10. JavaScript string and number conversion
  11. Convert JavaScript String to be all lower case
  12. Efficient Javascript String Replacement
  13. Get the first integers in a string with JavaScript
  14. match() returns array with two matches when I expect one match
  15. Javascript string comparison fails when comparing unicode characters
  16. Find the characters in a string which are not duplicated
  17. jQuery call function from a string [duplicate]
  18. HEX to Base64 converter for JavaScript
  19. how to convert a string to a Unix timestamp in javascript?
  20. Trying to capitalize the first character in array of strings, why this is not working?
  21. Are ES6 template literals faster than string concatenation?
  22. How Can I Truncate A String In jQuery?
  23. Javascript / Jquery – Get number from string
  24. How to test if a URL string is absolute or relative?
  25. Javascript string size limit: 256 MB for me – is it the same for all browsers?
  26. How to call native es6 template string replacement from tag function?
  27. How to check if a string is a legal “dd/mm/yyyy” date?
  28. Split a string straight into variables
  29. how to split a string in javascript [duplicate]
  30. Wildcard string comparison in Javascript

Leave a Comment