Как реализовать множественную замену с помощью JavaScript?

Question

[weranda]

Приветствую

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

function myReplace() {
  
document.body.innerHTML = document.body.innerHTML.
	replace(/слон/g, 'печь').
	replace(/мышь/g, 'дом').
	replace(/авто/g, 'мото').
    ...
	replace(/окно/g, 'рама');


}

myReplace();

Какие оптимальные варианты порекомендуете?

Answer 1

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

document.body.innerHTML = document.body.innerHTML.replace(/слон|мышь|авто|окно/g, function(word) {
 var newWord = {
   'слон': 'печь',
   'мышь': 'мышь',
   'авто': 'мото',
   'окно': 'рама'
  }[word];
  return newWord || word;
});

Comments

[weranda]

Дмитрий Беляев , Vitaly меня спросил о том, почему решение, приведенное мной не оптимальное. Подскажите пожалуйста, ваше решение оптимальное? Если да, то почему, чем оно лучit&

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

weranda: в моем случае регулярка одна и разбирается один раз, в этом весь секрет, единственный спорный момент - что шустрее: литерал объекта как у меня или switch-case
На больших выборках литерал быстрее, на малых быстрее switch

Answer 2

[display: block]

function myReplace(oldWord, newWord) {
  var exp = new RegExp(oldWord, 'g');
  document.body.innerHTML = document.body.innerHTML.replace(exp, newWord);
}

myReplace('муха', 'слон');

Answer 3

[Vitaly]

А по какому критерию решение не оптимальное?
Так-то набить массив из пар и в каком-нибудь цикле или его аналоге прогнать. Ну или может быть в JS есть какой сахар, не знаю, не пишу на это языке. Правда прироста по скоросте это не даст, только код будет слегка красивее.

Comments

[weranda]

Не знаю по какому, но кажется, что многократное повторение одного и того же – не лучший вариант.