Как провести подстановку в шаблон строки на js?

Question

[Lander]

Добрый день.
В очень слаб, но иногда приходится что то править и дописывать.
Как то некоторое время назад мне попадался метод, буквально в одну строчку, который позволял в строках вида
string = 'Меня зовут {name} и мой возраст {age}';
производить замену из объекта
user = {name: 'Lander', age: 33};
Вроде что бы было со строкой сначала через .split, а потом через join. Но вот как именно не помню, а сам додумать не могу.
Подскажите простое и изящное решение, пожалуйста.

Answer 1

[Coder321]

Думаю это то что вам нужно

Comments

[Lander]

Нет. От этого метода я отказался. Выглядит не очень прозрачно. Все эти ${что то там} прям режут глаз. К тому же PhpShtorm подчёркивает строку в апострофах как ошибку синтаксиса. Да и строки я хочу получать из вне.

[Coder321]

То есть вас не устраивает нативный функционал и вы все же хотите писать костыли только из-за того что иде матерится на то что вы не настроили ее?

[Kovalsky]

Дико плюсую Coder321: туча народу тратили своё время на стандартизацию template strings, а кто-то решил отказаться от них только потому, что ему не нравится символ "$"...

[Lander]

Coder321, Никита Полевой, Друзья, вы бы ознакомились со ссылкой подробнее. Это ЭКПЕРИМЕНТАЛЬНЫЙ функционал! IE, например, про него ничего не знает. Никакой. Android - тоже лесом идёт. Ну зачем вы советуете что стильно-модно-молодёжно, но на половине браузеров не работает?

[Coder321]

Lander, Edge поддерживает, 10 вродь тоже. На Androide браузеров много. Нужна поддержка юзайте babel или подключите полифилы.

[Kovalsky]

Lander, во-первых, если бы вы сами попробовали почитать про tpl strings, вы бы увидели, что всё комьюнити и все разработчики считают их хорошей идеей, а значит они в любом случае когда-нибудь станут стандартом. Во-вторых, приличные люди чаще всего не отказываются от удачных языковых решений только потому что они не поддерживаются каким-нибудь ослом, а просто используют транспайлер, например тот же babel решит проблему. В-третьих, что значит "андроид идет лесом"? Андроид использует хромиум по умолчанию, а хромиум это поддерживает.

[Lander]

Coder321, Никита Полевой, Вы пропустили самую важную часть вопроса:

В js очень слаб...

:)))
Всё равно огромное спасибо за ваш интерес и советы! Возможно когда то плотнее займусь фронтендом и тогда уже буду изучать глубже! :)

Answer 2

[Александр Таратин]

https://jsfiddle.net/pu4wzv49/

const user = {name: 'Lander', age: 33};
with(user){
	console.log(`Меня зовут ${name} и мой возраст ${age}`);
}

Answer 3

[Kovalsky]

RegExp.template = /{(.*?)}/g;

String.prototype.process = function(data) {
	return this.replace(RegExp.template, (entry, word) => data[ word ]);
}

string = 'Меня зовут {name} и мой возраст {age}';
user = {name: 'Lander', age: 33};

string.process( user ); // 'Меня зовут Lander и мой возраст 33';

Comments

[Lander]

Спасибо!
Не то, что я видел, но мне подходит! :)

[Kovalsky]

Lander, кстати, если вы не пользуетесь транспайлерами, то под IE это у вас тоже не будет работать, т.к. arrow function. Можно переписать как обычную функцию.

Answer 4

[Аркадий Тагиров]

let str = 'Меня зовут {name} и мой возраст {age}';
const user = {name: 'Lander', age: 33}

const interpolateProperties = (string, object) => {
  for(let prop in object) {
    if(user.hasOwnProperty(prop)) {
      string = string.replace(`{${prop}}`, `${user[prop]}`);
    }
  }
  return string;
}