GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise
  • Introduction3 min read
  • Variables5 min read

This view

  • Original page
  • New address

GeezerVison is showing www.geeksforgeeks.org — JavaScript string replace() Method - GeeksforGeeks

geeksforgeeks
search icon
  • Courses
  • Tutorials
  • Interview Prep
  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise

JavaScript string replace() Method

Last Updated : 26 Jun, 2024

JavaScript replace() method is used for manipulating strings. It allows you to search for a specific part of a string, called a substring, and then replace it with another substring.

What's great is that this method doesn't alter the original string, making it ideal for tasks where you want to maintain the integrity of the original data. Understanding how to use replace() can enhance your ability to work with strings effectively in JavaScript.

Syntax: 

str.replace(value1, value2);

Parameters:

  • value1: is the regular expression that is to be replaced
  • value2: is a string that will replace the content of the given string. 

Return Values:

It returns a new string with replaced items.

Example 1: Below is an example of the string.replace() Method. 

javascript
let string = 'GeeksForGeeks';
let newstring = string.replace('GeeksForGeeks', 'GfG');
console.log(newstring); 

Output
GfG

Explanation:

  • A string string is assigned the value 'GeeksForGeeks'.
  • The replace() method is called on string, searching for the substring 'GeeksForGeeks' and replacing it with 'GfG'.
  • Since the entire string 'GeeksForGeeks' matches, it is replaced with 'GfG'.
  • The new string 'GfG' is assigned to the variable newstring.
  • newstring is logged to the console.

Example 2: Here the contents of the string GeeksForGeeks will be replaced with gfg. 

javascript
 // Assigning a string
 let string = 'GeeksForGeeks is a CS portal';
    
 // Calling replace() method
 let newstring = string.replace(/GeeksForGeeks/, 'gfg');
 
 // Printing replaced string
 console.log(newstring);  

Output
gfg is a CS portal

Explanation:

  • A string string is assigned the value 'GeeksForGeeks is a CS portal'.
  • The replace() method is called on string, using a regular expression to match the substring 'GeeksForGeeks' and replace it with 'gfg'.
  • The first occurrence of 'GeeksForGeeks' in the string is replaced with 'gfg'.
  • The modified string is assigned to the variable newstring.
  • The replaced string newstring is logged to the console.

Example 3: Below is an example of the string.replace() Method. 

javascript
// Taking a regular expression
let re = /GeeksForGeeks/;

// Taking a string as input
let string = 'GeeksForGeeks is a CS portal';

// Calling replace() method to replace
// GeeksForGeeks from string with gfg
let newstring = string.replace(re, 'gfg');

// Printing new string with replaced items
console.log(newstring);

Output
gfg is a CS portal

Explanation:

A regular expression re is defined to match the substring 'GeeksForGeeks'.

  • A string string is assigned the value 'GeeksForGeeks is a CS portal'.
  • The replace() method is called on string, using the regular expression re to match the substring 'GeeksForGeeks' and replace it with 'gfg'.
  • The first occurrence of 'GeeksForGeeks' in the string is replaced with 'gfg'.
  • The modified string is assigned to the variable newstring.
  • The replaced string newstring is logged to the console.

We can also replace the same words at multiple places in a string. It is known as a global replacement.

Example 4: This example explains replacing of various similar words in a string.

JavaScript
// Assigning a string
let string = 'GeeksForGeeks is a CS portal.' +
    'In GeeksForGeeks we can learn multiple languages.' +
    'geeksForGeeks is a great place.';

// Calling replace() method
let newstring = string.replace(/GeeksForGeeks/g, 'Gfg');

// Printing replaced string
console.log(newstring);

Output
Gfg is a CS portal.In Gfg we can learn multiple languages.geeksForGeeks is a great place.

Explanation:

A multi-line string string is assigned with multiple occurrences of the substring 'GeeksForGeeks'.

  • The replace() method is called on string, using a regular expression with the global flag (/g) to match all occurrences of the substring 'GeeksForGeeks' case-sensitively and replacing them with 'Gfg'.
  • All occurrences of 'GeeksForGeeks' in the string are replaced with 'Gfg'.
  • The modified string is assigned to the variable newstring.
  • The replaced string newstring is logged to the console.

Supported Browsers: 

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Opera 4 and above
  • Safari 1 and above
Comment

Explore

    JavaScript Basics
    • Introduction3 min read
    • Variables5 min read
    • Operators4 min read
    • Control Statements4 min read
    Array & String
    • Arrays6 min read
    • Array Methods4 min read
    • String5 min read
    • String Methods8 min read
    Function & Object
    • Functions4 min read
    • Function Expression3 min read
    • Function Overloading4 min read
    • Objects4 min read
    • Constructors4 min read
    OOP
    • OOP5 min read
    • Classes & Objects4 min read
    • Access Modifiers5 min read
    • Constructor4 min read
    Asynchronous JavaScript
    • Asynchronous2 min read
    • Callbacks4 min read
    • Promises4 min read
    • Event Loop3 min read
    • Async Await Fuction3 min read
    Exception Handling
    • Error and Exceptional Handling5 min read
    • Errors Throw & Try to Catch2 min read
    • Custom Errors2 min read
    • TypeError Invalid Array.prototype.sort argument1 min read
    DOM
    • DOM8 min read
    • DOM Elements3 min read
    • Custom Events4 min read
    • Addeventlistener5 min read
    Advanced Topics
    • Closure3 min read
    • Hoisting5 min read
    • Scope4 min read
    • Higher Order Functions7 min read
    • Debugging3 min read
    Courses
    • Placement 360 Course2 min read
    • MERN Full Stack Course2 min read
    • DSA and System Design Course2 min read
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.