Как на JS создать форматирование строки для объекта?

Question

[Сергей Кореневский]

лучше кусок кода покажу:

String.prototype.format = String.prototype.format || function(value){
    return this.replace('{0}', value).replace('{this}', value).replace('{value}', value);
}

Форматирование работает:

"Привет друг {this}, как твои дела?".format("Сергей").

Но как сделать так чтобы форматирование работало с объектом?

var user = {FirstName:"Сергей", LastName:"Кореневский"};
"Привет друг {this.FirstName}  {this.LastName}, как твои дела?".format(user).

Как сделать форматирование строки для объекта?
Какую нужно функцию прототипировать для String чтобы форматирование для объекта работало?

Comments

[Денис Инешин]

А почему нельзя перейти на ES6 где это уже работает из коробки?
Нужно использовать обратные ковычки:

const user = {FirstName:"Сергей", LastName:"Кореневский"};
const str = `Привет друг ${user.FirstName}  ${user.LastName}, как твои дела?`;
console.log(str) //Привет друг Сергей Кореневский, как твои дела?

[Kovalsky]

Просто в функции format принимайте первым аргументом объект

[Сергей Кореневский]

Денис Инешин, Можно, но где об этом написано? не так спросил. Написано много где, но когда пользуюсь яндексом везде предлагают фунцию с регулярными выражениями или просто с replace(). Но ни где не пишут что это есть в ES6.
Я бы отметил Ваш сообщение как ПРАВИЛЬНОЕ РЕШЕНИЕ, но Вы мне написали не как ОТВЕТ, а как комментарий. я могу только нажать НРАВИТСЯ.

[Сергей Кореневский]

Денис Инешин, Подскажите пожалуйста.
Я уже потыкался в яндексе, но не могу найти ответ.
Как в JS распаковать объект в отельные переменные?
в PHP есть аналогичная фунция extract(obj); Но при этом не известно какие имена свойств в объекте.
Чтобы можно было распаковать объект для форматирования строки.

const str = `Привет друг ${FirstName}  ${LastName}, как твои дела?`;

Чтобы можно было без THIS писать JS.

[Сергей Кореневский]

Денис Инешин, извините похоже оно и так работает с THIS но без написания THIS.

[Сергей Кореневский]

Денис Инешин, А почему Вы написали CONST в коде, а не VAR?

[Денис Инешин]

Сергей Кореневский, так:
1. Const потому что пора переходить на ES6 в котором есть 2 вида переменных, const и let. Погуглите их
2. Я немного поправил ответ. Там вместо this, должен быть user. Но в целом никто не мешает деструктурировать user предварительно опять же с помощью ES6 https://www.frontender.info/es6-in-depth-destructuring/

[Сергей Кореневский]

Денис Инешин, Там не нашел деструктурирование в динамические переменные.
Но в общем буду это решать как

var user = {FirstName:"Сергей", .....};
for(let k in user)
this[k]=user[k];
`Привет друг ${FirstName}  ${LastName}, как твои дела?`;

[Сергей Кореневский]

Денис Инешин, ES6 лучше бы придумали static переменные чем const.
удобно было бы счетчики делать например.

[Денис Инешин]

Не понятно зачем вы присваиваете это в цикле? Вы понимаете что в глобальном контексте this ссылается на window и только по этому это так работает?

Вам нужно еще многое изучить про разработку на JS.

[Сергей Кореневский]

Денис Инешин, У меня эта функция находится в замкнутой другой функции.
Я благодаря Вашим советам, модуль накидал для jQuery.
Что думаете?
https://github.com/korenevskiy/Events-plugin-for-jQuery
Польза будет от него для общества?
Но вообще опыт очень маленький в JS. Только ходить учусь, даже не бегать.

[Денис Инешин]

Сергей Кореневский, не хочу вас огорчать, но пользы не будет :)
1. jQuery уже больше не нужен. Уже пару лет как. Его ниша стремительно уменьшается
2. Разных крутых event библиотек очень много, например: https://github.com/ai/nanoevents, https://github.com/Gozala/events

Но в целом ваши начинания очень правильные. Именно так и нужно учить JS, на практике.

[Сергей Кореневский]

Денис Инешин, так может jQuery и уменьшается ниша, что он не развивается?
Если JQ допустим будет уметь работать с привязками к тегам, то часто это будет решать 80% задачь.
Я имею ввиду 80% задачь требуют 20% сложности и 20%з -80% сложности.
Людям часто и не нужно создавать кастом контролы, но пользуются реакт потому что там есть привязки.

[Сергей Кореневский]

Денис Инешин, но в JQ уже есть Bind, On, Trigger,.
Я же написал не просто события, а привязку к тегам.
.
Привязка по контексту.
Я вспоминаю как в C# WPF пользовался привязкой к интерфейсу по контексту. В котором обект привязывается к форме, а отдельные контролы автоматом привязываются к свойствам объекта.
Это не то чтобы события, это контекстная работа с интерфейсом.

[Денис Инешин]

Можно долго рассуждать почему jQuery уже устарел. Просто прочитайте эту статью:
https://habr.com/ru/post/259223/

В современном вебе уже не имеет смысла использовать подобные библиотеки, когда у вас есть гораздо более современные и мощные инструменты вроде React, Vue, Angular и т.д.

Answer 1

[Alex]

https://stackoverflow.com/a/610415