Как сделать регулярку для замены буквы в строке на ключи из object?

Question

[Ninja Mate]

Есть строка с английстим текстом и есть объект у которого ключи английские буквы, а значения буквы другого алфавить.
const pairs = { "a": "ა", "b": "ბ", "g": "გ", ...}

В приложении есть кнопки, которые в оригинальном тексте заменяют буквы при нажатии. Сейчас это выглядит так

let myObject = { a: "ა", b: "ბ", g: "გ", ... } // Сюда пушаем новую пару при нажатии кнопки
let text = "There are many ways that reading helps you to learn English...."

class App extends Component {
  render() {
    Object.keys(myObject).map((key, index) => {
      var search_term = new RegExp(key, "gi")
      text = text.replace(search_term, myObject[key]) // хочу заменить на регулярку, в которую смогу добавлять и убирать пары букв
    })
    return (
      <div className="App-body">
        <p>{text}</p>
      </div>
    )
  }
}

Как сделать такую регулярку?

Comments

[0xD34F]

Чем мотивировано наличие тэгов "react" и "программирование"?

[Ninja Mate]

0xD34F, приведен вариант использования в реакте (ищу идеи избавления от ререндеринга), программирование говорит о том, что ищу различные варианты решения данной задачи

[0xD34F]

Ninja Mate,

приведен вариант использования в реакте

Ну, можете ещё добавить следующие тэги: "веб-разработка" (вы же ей занимаетесь), "фронтенд" и "браузеры" (код клиентский), "железо" (код сам себя не исполнит) и т.д. и т.п.

ищу идеи избавления от ререндеринга

Какого ререндеринга, где, что, почему, зачем, когда... В тексте вопроса нет об этом ни слова.

программирование говорит о том, что ищу различные варианты решения данной задачи

Не говорит.

Answer 1

[zendor]

Можно без регулярного выражения:

const pairs = { a: 'ა', b: 'ბ', g: 'გ'};
const str = 'There are many ways that reading helps you to learn English.';
[...str].map(letter => pairs[letter.toLowerCase()] || letter).join``;

Ну или с ним:

const pairs = { a: 'ა', b: 'ბ', g: 'გ'};
const str = 'There are many ways that reading helps you to learn English.';
str.replace(RegExp(Object.keys(pairs).join('|'), 'gi'), letter => pairs[letter.toLowerCase()]);

Comments

[Ninja Mate]

а в чем тогда преимущество? тот же map

[zendor]

Ninja Mate, Вы хотите map полностью заменить на регулярное выражение? Зачем все усложнять?

[Ninja Mate]

zendor, нужно адекватно что бы работало на больших текстах с 40+ комбинациями. в дальнейшем это на бек конечно перенести, но пока так.

[zendor]

Ninja Mate, Не совсем понимаю как вы собираетесь это сделать с помощью одного регулярного выражения.
Вот так это примерно выглядело бы для текущего набора пар:

str.replace(/(a)|(b)|(g)|\w/gi, (m, p1, p2, p3) => p1 ? 'ა' : p2 ? 'ბ' : p3 ? 'გ' : m);

[Ninja Mate]

zendor, да вы правы, так как я хотел регулярку использовать не получилось.
пока остановился на таком варианте, он позволяет делать прямую и обратную конвертацию (добавить-убирать пары)

let newText = text
    Object.keys(pushed).map((key, index) => {
      var search_term = new RegExp(key, "gi")
      return (newText = newText.replace(search_term, pushed[key]))
    })

При проверке оказалось что ваш первоначальный метод на 62% медленнее чем регулярка, хотя читается конечно лучше. вот ссылка на тест https://jsperf.com/regexp-vs-join
Спасибо за помощь

[zendor]

Ninja Mate, Недавно была похожая задача и я понял, что есть более оптимальный вариант (работает с парами в отличие от предыдущей реализации с map):

const pairs = { a: 'ა', b: 'ბ', g: 'გ'};
const str = 'There are many ways that reading helps you to learn English.';
str.replace(RegExp(Object.keys(pairs).join('|'), 'gi'), letter => pairs[letter.toLowerCase()]);