JavaScript Program to Replace Multiple Characters in a String

In this article, we are going to learn how we can replace Multiple Characters in a String. We have to replace multiple characters in a string using the inbuilt function or any other method.

Method 1: Using replace() method

In this approach, we are using the replace() method in which we replace multiple characters by calling and passing arguments in the replace() method multiple times. The original string will remain unchanged as we are storing changes into a new variable.

Example: It describes how we can replace multiple characters in a string using the replace() method

Javascript

// Original String
let str =
    'Welcome GeeksforGeeks, Welcome Geeks';

// Replacing characters
let newString =
    str.replace(/W/gi, 'w').replace(/G/gi, 'g');

// Printing the result
console.log(newString);

Output

welcome geeksforgeeks, welcome geeks

Method 2: Using replaceAll() method

We are using replaceAll() method which takes two arguments. We are passing the character that need to be changed and the character that will take place instead of previous one, That’s how it will replace the character/string. It can also take regular expression and function as an argument.

Example: It describes how we can replace multiple characters in a string using the replaceAll() method

Javascript

// Original string
let str = 'gppkforgppks_ns_hele';

// Replacing multiple character
let result = str
    .replaceAll('p', 'e')
    .replaceAll('_', ' ')
    .replaceAll('n', 'i')
    .replaceAll('l', 'r');

// Printing the result
console.log(result);

Output

geekforgeeks is here

Method 3: Using split() and join()

The split() and join() are two separate inbuild function of JavaScript, split() is used to split a string at particular place and join() is used to join that splited string into one with some argument passed during operation performance.

Example: It describes how we can replace multiple characters in a string using the split() and join() method

Javascript

// Original String
let str =
    'ptlcomt GttksforGttks, ptlcomt gttks';

// Replacing character
let newString =
    str.split('p').join('w').split('t').join('e');

// Printing the result
console.log(newString);

Output

welcome GeeksforGeeks, welcome geeks

Method 4: Using regular expression

In this approach we are using regular expression for checking presence of character in original string and replacing them using replace() method. Object.entries() is used for returning the array of charcter and replacemet ([key,value] pair) in “for each loop” for replacement of multiple character in one string.

Example: It describes how we can replace multiple characters in a string using regular expression

Javascript

// Given string
// which need to be changed
let str1 = "hilo geel for geels";

// Set of list which
// need to be replaced
// in given string
const set = {
    hilo: "Hello",
    geel: "geek",
    geels: "geeks"
};

// Arrow function for
// replacments of character
let replaceMultiple = (str, set) => {
    const regx =
        new RegExp(Object.keys(set).join("|"), "g");
    return str.replace(regx, (x) => set[x]);
}

// Calling arrow function
const result = replaceMultiple(str1, set);

// Printing the result in
// the console
console.log(result);

Output

Hello geek for geeks