Как заменить полностью слово из строки, а не только его часть?

Question

[hckn]

Нужно что-то типо fuzzy search.

К примеру, есть слово real, надо найти в строке слово really и полностью его заменить. Эта реализация заменяет только часть совпадающую, т.е. корень real

this.api = this.api.replace(word, 'BOOM')

Полный пример тут - https://codepen.io/dubdub/pen/BOLYzW
Как сделать полную замену?

Answer 1

[Александр Аксентьев]

Сначала разделить на слова пробелом, потом каждое отдельное слово проверять на вхождение.
В конце собрать обратно массив слов склеив пробелом.

Comments

[hckn]

Сначала разделить на слова пробелом

В смысле сделать массив из слов из строки? И потом убрать те, что совпадают и слепить из них новую строку?

[Александр Аксентьев]

hckn, да, убрать/заменить полностью элемент массива = заменить всё слово с любым окончанием.

[hckn]

Честно говоря звучит это неэффективно. Может есть какие-то методы более декларативные? Ну типо includes и другие модные.

[Александр Аксентьев]

hckn, только регулярки по определению тяжелее всего остального.

В данном случае indexOf достаточно было бы использовать.

Answer 2

[0xD34F]

При замене вместо строки используйте регулярное выражение, соответствующее строке и произвольному количеству символов. Т.е, замените

this.api = this.api.replace(word, 'BOOM')

на что-то вроде

this.api = this.api.replace(RegExp(`\\b${word}[a-z]*\\b`, 'ig'), 'BOOM')

Comments

[hckn]

Замечательно, огромная благодарность. Регуляррки для меня магия, которую еще предстоит исследовать.

[0xD34F]

hckn, никакой магии, смотрите:

\\b - граница слова (двойной слэш - потому что используем не литерал регулярного выражения, а строку, надо делать экранирование), затем искомое слово берём как оно есть, [a-z] соответствует любому символу из указанного интервала, * - предыдущее выражение повторяется произвольное количество раз (включая и 0); второй параметр - i означает нечувствительность к регистру, g - поиск осуществляется по всей строке, а не только до первого совпадения

[hckn]

0xD34F, скажите, есть ли возможность вернуть значение найденного таким образом совпадения? Т.е. надо найти слово содержащее real но не заменить его полностью, а видоизменить, т.е. не делать вместо reallyBOOM, а сделать, например <b>really</b>?

Честно говоря, сейчас голову чешу как это эффективно сделать. выходит куча циклов и все очень неэффективно. А вот может можно по другому? Ведь это и есть задача в общем-то, я ее не правильно изначально сформулировал в вопросе.

this.api = this.api.replace(new RegExp(`\\b${word}[a-z]*\\b`, 'ig'), '<b>НАЙДЕННОЕ СЛОВО</b>')

Вот как передать сюда найденное значение?

[0xD34F]

hckn,

this.api.replace(new RegExp(`\\b(${word}[a-z]*)\\b`, 'ig'), '<b>$1</b>')

И, если мне память не изменяет, что-то похожее вы уже спрашивали - не далее, как вчера. Ну да, точно - спрашивали. У вас провалы в памяти?

[hckn]

0xD34F, нет, не провалы, это продолжение вопроса.

Я пробую что вы говорите, это не дает результата

result = result.replace(new RegExp(`\\b${keyword}[a-z]*\\b`, 'ig'), `<a href="#" target="_blank">$1</a>`)

В итоге рендерится $1

[0xD34F]

hckn,

Я пробую что вы говорите

Это неправда. Скобки, круглые скобки забыли.

[hckn]

0xD34F, не понял какие скобки?

[0xD34F]

hckn, говорю же - круглые.

У меня: new RegExp(`\\b(${word}[a-z]*)\\b`, 'ig').
У вас: new RegExp(`\\b${keyword}[a-z]*\\b`, 'ig').

Неужели не видно, что после первого и перед вторым \\b...

[hckn]

0xD34F, да, такое легко не заметить, сами понимаете. Я не знаю что сказать. Нет слов. Кроме одного вопроса - вы доступны для найма/консультаций? Если да, то я на почту напишу, если вы не против.

А так все работает. Магия тотальная. Я в шоке от мощи этих регулярок)))
Спасибо за терпение!

[0xD34F]

hckn,

вы доступны для найма/консультаций? Если да, то я на почту напишу, если вы не против.

Против.

Есть вопросы - задавайте их здесь, на Тостере.

Answer 3

[Антон Спирин]

Одно слово:

const word = 'real';
const regexp = new RegExp(`${word}\\w*`, 'ig');

string = 'really, reality, super, universe';

console.log(string.replace(regexp, 'BOOM'));  // BOOM, BOOM, super, universe

Демо.

Массив слов:

const words = ['real', 'super'];
const regexp = new RegExp(`(${words.join('|')})\\w*`, 'ig');
const string = 'really, reality, super, universe';

console.log(string.replace(regexp, 'BOOM'));  // BOOM, BOOM, BOOM, universe

Демо.

Comments

[hckn]

Почему не работает в массиве?

words.forEach(word => {
  const regexp = new RegExp(`${word}\\w+`, 'ig')
  string.replace(regexp, 'BOOM')
})

[Антон Спирин]

hckn, потому что значение строки не обновляете:

words.forEach(word => {
  const regexp = new RegExp(`${word}\\w*`, 'ig')
  string = string.replace(regexp, 'BOOM')
})

[hckn]

Увы, но это обновляет только первое слово из массива

string = string.replace(new RegExp(`${word}\\w+`, 'ig'), 'BOOM')

[Антон Спирин]

hckn, ошибся по невнимательности. Вместо плюса должна быть звездочка.

string = string.replace(new RegExp(`${word}\\w*`, 'ig'), 'BOOM')

[Антон Спирин]

hckn, и массив слов правильней так подставлять:

const words = ['real', 'super'];
const regexp = new RegExp(`(${words.join('|')})\\w*`, 'ig');
const string = 'really, reality, super, universe';

alert(string.replace(regexp, 'BOOM'));  // BOOM, BOOM, BOOM, universe

Демо.

Answer 4

[Дмитрий Еремин]

"Test test1 check apple untest dog food yo"
.split(" ")
.map(s => s.toUpperCase().indexOf("TEST") > -1 ? "BOOM!" : s)
.join(" ")
// => "BOOM! BOOM! check apple BOOM! dog food yo"

Answer 5

[MrStan1slav]

Я так понимаю вам нужно это: https://jsfiddle.net/MrStan1slav/vfzqh0ky

Comments

[hckn]

Нет. Мне не надо BOOMly cool BOOM мне надо BOOM cool BOOM

[MrStan1slav]

hckn, исправил пример.