В этой статье мы увидим, как заменить все вхождения строки в javascript.

Вы можете использовать методы javascript replace() и replaceAll() для замены всех вхождений строки.

Итак, мы научимся заменять все вхождения регулярными выражениями.

Итак, давайте посмотрим, как javascript заменяет все вхождения, jquery заменяет все вхождения строки, а регулярное выражение заменяет все вхождения.

Метод replace() ищет в строке значение и возвращает новую строку с замененным значением.

Кроме того, метод replace() не изменяет исходную строку.

Синтаксис:

string.replace(значение поиска, новое значение)

Метод replaceAll() возвращает строку, заменяя все ее вхождения.

Синтаксис:

string.replaceAll(значение поиска, значение замены)

Пример:

<!DOCTYPE html>
<html lang="en">
<body>
    <h4>Original String</h4>
    <p>PHP is an easy programming language.</p>
    <h4>String After Replacement</h4>
    
    <script>
        var myStr = 'PHP is an easy programming language.';
        var newStr = myStr.replace('PHP','Laravel');
        
        // Printing the modified string
        document.write('<p>' + newStr + '</p>');
      
    </script>
</body>
</html>

Вывод:

Исходная строка

PHP — это простой язык программирования.

Строка после замены

Laravel — простой язык программирования.

Читайте также: Как перенаправить другую страницу с помощью Javascript

Пример:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Replace All Occurrences a String</title>
</head>
<body>
    <h4>Original String</h4>
    <p>This is multiple occurrences example. multiple occurrences string example.</p>
    <h4>String After Replacement</h4>
    
    <script>
        var myStr = 'This is multiple occurrences example. multiple occurrences string example.';
        var newStr = myStr.replace(/multiple/g, "two");
        
        // Printing the modified string
        document.write('<p>' + newStr + '</p>');
    </script>
</body>
</html>

Вывод:

Исходная строка

Это пример нескольких вхождений. пример строки с несколькими вхождениями.

Строка после замены

Это пример двух вхождений. пример строки с двумя вхождениями.

Пример:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Replace All Words String Example</title>
</head>
<body>
    <h4>Original String</h4>
    <p>This is replaceAll string example. replaceAll string example.</p>
    <h4>String After Replacement</h4>
    
    <script>    
         
    var myStr = 'This is replaceAll string example. replaceAll string example.';
    var newStr = replaceAll(myStr, 'replaceAll', 'multiple')
        
    document.write('<p>' + newStr + '</p>');
    </script>
</body>
</html>

Вывод:

Исходная строка

Это пример строки replaceAll. Пример строки replaceAll.

Строка после замены

Это пример нескольких строк. пример с несколькими строками.

Читайте также: Как удалить определенный элемент из массива в Javascript

Пример:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Regular Expression to Replace All Words</title>
</head>
<body>
    <h4>Original String</h4>
    <p>abc xyz abc</p>
    <h4>String After Replacement</h4>
    
    <script>
    
    function escapeRegExp(string){
        return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
    }
        
    function replaceAll(str, term, replacement) {
      return str.replace(new RegExp(escapeRegExp(term), 'g'), replacement);
    }
        
    var myStr = 'abc xyz abc';
    var newStr = replaceAll(myStr, 'abc', 'xyz')
        
    document.write('<p>' + newStr + '</p>');
    </script>
</body>
</html>

Вывод:

Исходная строка
abc xyz abc

Строка после замены
xyz xyz xyz

Вам также может понравиться:

Если этот пост был полезен, ставьте лайк, делитесь и комментируйте✌️.