Как правильно использовать регулярные выражения для replace?

Question

[Виталий]

Что-то никак не получается у меня с этой регуляркой :(

Вот допустим есть строка:

var str = "my name is {name} and I live in {place}"

Если заменять один элемент:
str.replace(/{name}/g, 'lola')
то как бы все ОК, но как заменить два и больше одновременно?
Но чтобы использовать всего раз replace то есть не так:

str.replace(/{name}/g,  'lola').replace(/{place}/g , 'city')

Answer 1

[Lynn «Кофеман»]

Примерно так:

var str = 'my name is {name} and I live in {place}';
var dict = {
  name: 'lola',
  place: 'city'
};
var result = str.replace(/{(\w+)}/g, function(s, tag) {
  return dict[tag];
});

mdn.io/replace

Answer 2

[Дмитрий Беляев]

str.replace(/{name}|{place}/g, found => {
  switch(found) {
    case '{name}': return 'lola';
    case '{place}': return 'city';
  }
});

Comments

[Yustas Alexu]

Небольшое замечание: found, а не finded

[Виталий]

Yustas Alexu: а какая разница?

[Yustas Alexu]

Виталий: в данном случае никакой, но в английском языке слова finded нет.

[Дмитрий Беляев]

Yustas Alexu: спасибо, поправил, неправильные глаголы не мой конек

[Виталий]

Дмитрий Беляев: потому всегда надо писать elem или item))))

[Дмитрий Беляев]

Виталий: вот тут не соглашусь, имя переменной должно однозначно отражать то, что в ней хранится

[Myateznik]

Дмитрий Беляев: switch/case не рекомендую использовать (бьют по производительности), лучше использовать вызов объекта с ключами как это делается в примере у Алексей Тен или в таком случае как ваш раз это уже js harmony/es6 делать так: var name = 'lola', place = 'city', str = `my name is ${name} and I live in ${place}`;

[Дмитрий Беляев]

Myateznik: примерно до 8 выборок свитч быстрее получается чем создание объекта инлайн, свыше - да объект выгоднее
а насчет string-pattern - в рантайме ее можно создать только через new Function - но это не подхватит бабель

[Myateznik]

Дмитрий Беляев: мой пример был относительно чистого js harmony/es6/es2016 включенного в браузере без полифилов и т.д. вроде babel.js, для отложенного формирования строки из шаблона можно его и в функцию закатать: function getStr(name, place) { return `my name is ${name} and I live in ${place}` }.

Answer 3

[Myateznik]

Всё это в наше время на самом деле можно и упростить (js harmony/es6):

var name = 'lola';
var place = 'city';
var str = `my name is ${name} and I live in ${place}`;