Функция работает не так как нужно!

Question

Мой код:

String.prototype.translate = function(vars){
  for (const [KEY, value] of Object.entries(vars)) {
      return this.replace(/\%(KEY)\%/g,value)
  }
}

Должно быть так:

Congratulations,niksonbinsk on leveling up: 6

А на самом деле получается вот так:

Congratulations,%name% on leveling up: %level%

Что я делаю не так?

Answer 1

String.prototype.translate = function(vars){
  var str = this;
  for (const [KEY, value] of Object.entries(vars)) {
    console.log(KEY, value);
    str = str.replace(new RegExp(`%${KEY}%`, 'g'), value)
  }
  return str;
}

console.log("Congratulations,%name% on leveling up: %level%".translate({
  name: "niksonbinsk",
  level: 6
}));

Answer 2

Для использования значения переменной в регулярном выражении нужно воспользоваться конструктором new RegExp
return сразу прекращает выполнение цикла и метода, поэтому сейчас в цикле выполняется только первая итерация.
метод .replace не меняет исходную строку, поэтому нужно сохранять результат на каждой итерации

В итоге код может выглядеть так:

String.prototype.translate = function(vars){
  var result = this;
  for (const [KEY, value] of Object.entries(vars)) {
      result = result.replace(new RegExp('\\%(' + KEY + ')\\%', 'g'),value)
  }
  return result;
}

БЛОГ НА HUSL

Функция работает не так как нужно!

Ответы (2 шт):