Как изменить строку несколько раз в цикле?

Question

[hckn]

let string = 'This is cool!'
const words = ['cool', 'this']
words.map(word => {
    string = this.string.replace(word, `<a href="#">${word}</a>`)
})

В итоге я получу строку всего с одним линком (со словом this, последнее в массиве words).
Как изменить оба совпадения в строке?

Comments

[sunblossom]

.map - это свёртка, а не цикл.

[hckn]

sunblossom, свёртка - это какой темин на англ?

[sunblossom]

hckn, fold.
Прощу прощения, перепутал. Увидел лямбду и понеслось.
Пора спать ложиться.

Answer 1

[0xD34F]

for (const n of words) {
  string = string.replace(RegExp(`\\b${n}\\b`, 'gi'), '<a href="#">$&</a>');
}

или

const newString = words.reduce((acc, n) => {
  return acc.replace(RegExp(`\\b${n}\\b`, 'gi'), '<a href="#">$&</a>');
}, string);

Comments

[hckn]

За RegExp отдельный плюс

[0xD34F]

hckn, наверное, всё-таки не за регулярку, а за сохранение регистра у заменяемых слов.

Answer 2

[Никита Егоров]

Лучше использовать forEach, так как map возвращает трансформированный массив, а вы ведь его никуда не записываете.

words.forEach(word => string = string.toLowerCase().replace(word, `<a href="#">${word}</a>`));

console.log(string);  // <a href="#">this</a> is <a href="#">cool</a>!

Answer 3

[forspamonly2]

с тем, что у вас не работало из-за регистра, вам уже 0xD34F подсказал.

а если отвечать буквально на вопрос в заголовке, то тут надо делать reduce.

const words = ['cool', 'this'].map(word => new RegExp(`(${word})`, 'i')); 

words.reduce((string, word) => string.replace(word, '<a href="#">$1</a>'), 'This is cool!');