Replace {{something}} in multiple strings with variables

Question

I'm trying to replace all these strings:

'Apples are {{appleColor}}'
'Oranges are {{orangeColor}}'
'My name is {{name}}'

With these:

obj = {
  appleColor: 'red',
  orangeColor: 'orange',
  name: 'Todd'
}

Thanks in advance!

You can do this is most browsers today with template strings in plain JS using ${} — elclanrs
– elclanrs, Commented Dec 30, 2016 at 22:24
You're trying to? So what have you tried? OR do you mean you want to? — NewToJS
– NewToJS, Commented Dec 30, 2016 at 22:24

NewToJS · Accepted Answer · 2016-12-30 22:42:00Z

8

Simple solution using String.prototype.replace() function with replacement callback:

var str = "'Apples are {{appleColor}}', 'Oranges are {{orangeColor}}', 'My name is {{name}}' ",
    obj = {
        appleColor: 'red',
        orangeColor: 'orange',
        name: 'Todd'
    };

str = str.replace(/{{(\w+)}}/g, function (m, m1) {
  return obj[m1] || m;  
});

console.log(str);

edited Dec 30, 2016 at 22:42

NewToJS

2,7723 gold badges17 silver badges22 bronze badges

answered Dec 30, 2016 at 22:33

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dandavis Over a year ago

there are a few caveats worth mentioning with this approach; error handling reveals data names, "toString" et al conflicts, nest snafu, only wordy key names (no _ or $ support), no object path depth, etc.

RomanPerekhrest Over a year ago

@dandavis, As I wrote Simple solution ... for simple cases )

Collectives™ on Stack Overflow

Replace {{something}} in multiple strings with variables

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related