В JavaScript метод replace()обычно используется для замены определенной подстроки или регулярного выражения новым значением внутри строки. Однако, когда дело доходит до замены нескольких вхождений, вы можете использовать несколько методов. В этой статье мы рассмотрим различные методы с примерами кода, которые помогут вам эффективно заменить несколько экземпляров в JavaScript.

Метод 1: использование методов split()и join()
Пример кода:

function replaceMultiple(str, searchValue, replaceValue) {
  return str.split(searchValue).join(replaceValue);
}
const originalString = "Hello, hello, hello!";
const newString = replaceMultiple(originalString, "hello", "hi");
console.log(newString); // Output: "Hello, hi, hi!"

Метод 2: использование регулярных выражений с помощью метода replace()
Пример кода:

function replaceMultipleRegExp(str, searchValue, replaceValue) {
  const regex = new RegExp(searchValue, "g");
  return str.replace(regex, replaceValue);
}
const originalString = "Hello, hello, hello!";
const newString = replaceMultipleRegExp(originalString, "hello", "hi");
console.log(newString); // Output: "Hello, hi, hi!"

Метод 3: использование метода replaceAll()(ES2021)
Пример кода:

const originalString = "Hello, hello, hello!";
const newString = originalString.replaceAll("hello", "hi");
console.log(newString); // Output: "Hello, hi, hi!"

Метод 4: объединение методов split(), map()и join()(эффективно для замены нескольких значений)
Пример кода:

function replaceMultipleValues(str, replacements) {
  return str.split(/\b\w+\b/).map(word => replacements[word] || word).join("");
}
const originalString = "Hello, world! Goodbye, world!";
const newString = replaceMultipleValues(originalString, { "Hello": "Hi", "world": "universe", "Goodbye": "Farewell" });
console.log(newString); // Output: "Hi, universe! Farewell, universe!"

В этой статье мы рассмотрели различные методы замены нескольких вхождений в строках JavaScript. Мы обсудили методы использования методов split()и join(), регулярные выражения с помощью метода replace(), метод replaceAll(), представленный в ES2021 и комбинацию методов split(), map()и join()для эффективной замены нескольких значений. Используя эти методы, вы можете легко выполнять множественные замены в своих приложениях JavaScript.