JS Replace: Как заменять текст на веб-страницах

Метод replace() в JavaScript используется для замены подстроки в строке на указанную подстроку или выражение.

Синтаксис:

js
str.replace(regexp|substr, newSubstr|function)

• regexp|substr - Обязательный параметр. Может быть как строкой, так и регулярным выражением, которое мы ищем в строке.
• newSubstr|function - Обязательный параметр. Может быть как строкой, так и функцией, которую мы заменяем на найденный в строке паттерн.

Например, мы хотим заменить слово "hello" на слово "goodbye" в строке "hello world":

js
let str = "hello world";
let newStr = str.replace('hello', 'goodbye'); // заменяем "hello" -> "goodbye"
console.log(newStr); // "goodbye world"

Также можно использовать регулярные выражения для замены нескольких вхождений:

js
let str = "hello hello world";
let newStr = str.replace(/hello/g, 'goodbye'); // заменяем все вхождения "hello" -> "goodbye"
console.log(newStr); // "goodbye goodbye world"

Метод replace() можно использовать с функциями обратного вызова. Например, мы хотим заменить слова на их длину:

js
let str = "hello world";
let newStr = str.replace(/\b\w+\b/g, function(match) {
   return match.length;
});
console.log(newStr); // "5 5"

В данном примере мы использовали регулярное выражение /\b\w+\b/g для поиска всех слов в строке, затем с помощью функции обратного вызова заменили каждое слово на его длину.

Метод replace() может быть полезен при различных манипуляциях со строками в JavaScript.