javaScript Replace(): String Replace All

javaScript Replace(): String Replace All

Javascript string replace() method. In this tutorial, we will explain the javascript string.replace() method with the definition of this method, syntax, parameters, and several examples.

JavaScript String Replace()

Definition: – The JavaScript string replace() method searches a string for a specified value or a regular expression, or keyword, and replace match search string to given string, returns a new string

Syntax

 string.replace(search_value, new_value);

Parameters of string replace method

ParameterDescription
search_valueThis is the first parameter and required. The value, or regular expression, that will be replaced by the given value
new_valueThis is the second parameter and required. The given value to replace the search value.

Ex:-

    var str = "My fav car color is black";
    var res = str.replace(/blue/g, "silver");
    document.write( "Output :- " + res ); 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>javascript string replace() Method</title>
</head>
<body>
  <script type = "text/javascript">
    
    var str = "My fav car color is black";
    var res = str.replace(/blue/g, "silver");
    document.write( "Output :- " + res ); 

  </script>  
</body>
</html>

Result of the above code is:

Output :- My fav car color is silver

Ex-2

Here we will take the second example of string replace() method with case-insensitive string:

    var str = "My fav bike color is Black";
    var res = str.replace(/black/gi, "white");
    document.write( "Output :- " + res ); 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>javascript string replace() Method</title>
</head>
<body>
  <script type = "text/javascript">
    
    var str = "My fav bike color is Black";
    var res = str.replace(/black/gi, "white");
    document.write( "Output :- " + res ); 

  </script>  
</body>
</html>

Result of the above code is:

Output :- My fav bike color is white

Ex-3

Here we will take a new example of javascript string replace all with regexp.

   var str = 'this is the sentence to end all sentences';

   var res = str.replace(new RegExp('sentence', 'g'), 'message');

   document.write( "Output :- " + res ); 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>javascript replace all string</title>
</head>
<body>
  <script type = "text/javascript">
    
   var str = 'this is the sentence to end all sentences';

   var res = str.replace(new RegExp('sentence', 'g'), 'message');

   document.write( "Output :- " + res ); 

  </script>  
</body>
</html>

Result of the above code is:

Output :- this is the message to end all messages

AuthorAdmin

My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.com. I like writing tutorials and tips that can help other developers. I share tutorials of PHP, Python, Javascript, JQuery, Laravel, Livewire, Codeigniter, Node JS, Express JS, Vue JS, Angular JS, React Js, MySQL, MongoDB, REST APIs, Windows, Xampp, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL and Bootstrap from a starting stage. As well as demo example.

Leave a Reply

Your email address will not be published. Required fields are marked *