Remove/Replace all Commas from a String in JavaScript

# Table of Contents

1. Remove/Replace all Commas from a String in JavaScript
2. Remove/Replace all Commas from a String using String.replace()
3. Remove/Replace all Commas from a String using split() and join()
4. Replace only the first occurrence of a Comma in a string

# Remove/Replace all Commas from a String in JavaScript

Use the String.replaceAll() method with a comma as the first parameter and an empty string as the second to remove all commas from a string.

The replaceAll() method will remove all commas from the string by replacing them with empty strings.

Copied!
const str = '1,23,45.67';

const withoutCommas = str.replaceAll(',', '');
console.log(withoutCommas); // 👉️ '12345.67'

If you need to replace all occurrences of a comma in the string, specify a different replacement string.

Copied!
const str = 'bobby,hadz,com';

const withoutCommas = str.replaceAll(',', ' ');
console.log(withoutCommas); // 👉️ 'bobby hadz com'

The code sample replaces each comma in the string with a space.

The String.replaceAll() method returns a new string with all matches of a pattern replaced by the provided replacement.

The method takes the following parameters:

Copied!
const str = 'bobby,hadz,com';

const withoutCommas = str.replaceAll(',', '');
console.log(withoutCommas); // 👉️ 'bobbyhadzcom'

The String.replaceAll() method returns a new string with the matches of the pattern replaced. The method doesn't change the original string.

Strings are immutable in JavaScript.

If you have to do this often, extract the logic into a reusable function.

Copied!
function removeAllCommas(string) {
  return string.replaceAll(',', '');
}

// 👇️ bobbyhadz
console.log(removeAllCommas('bobby,hadz'));

// 👇️ bobbyhadzcom
console.log(removeAllCommas('bobby,hadz,com'));

We defined a reusable function that takes a string as a parameter and removes all the commas from the string.

# Remove/Replace all Commas from a String using String.replace()

Alternatively, you can use the String.replace() method.

Copied!
const str = '1,23,45.67';

const withoutCommas = str.replace(/,/g, '');

console.log(withoutCommas); // 👉️ '12345.67'

If you need to replace all commas in the string using replace(), use the following code sample instead.

Copied!
const str = 'bobby,hadz,com';

const withoutCommas = str.replace(/,/g, '=');

console.log(withoutCommas); // 👉️ 'bobby=hadz=com'

The code sample replaces all commas in the string with an equal sign.

The String.replace() method returns a new string with one, some, or all matches of a regular expression replaced with the provided replacement.

The method takes the following parameters:

We used the String.replace() method in a similar way to how we used the String.replaceAll() method, but we passed a regular expression to the method instead of a string.

Copied!
const str = '1,23,45.67';

const withoutCommas = str.replace(/,/g, '');

console.log(withoutCommas); // 👉️ '12345.67'

The forward slashes / / mark the beginning and end of the regular expression.

Unless the g flag is specified, the String.replace() method matches only the first occurrence of the pattern in a string.

The second parameter is the replacement for each match. For our purposes, we replace each comma with an empty string.

The String.replace() method doesn't change the original string, so make sure to store the output of calling the method in a variable.

You can extract the logic into a reusable function if you have to do this often.

Copied!
function removeAllCommas(string) {
  return string.replace(/,/g, '');
}

// 👇️ bobbyhadz
console.log(removeAllCommas('bobby,hadz'));

// 👇️ bobbyhadzcom
console.log(removeAllCommas('bobby,hadz,com'));

The function takes the string as a parameter and removes all occurrences of a comma from the string.

Alternatively, you can use the String.split() method.

# Remove/Replace all Commas from a String using split() and join()

This is a two-step process:

1. Use the String.split() method to split the string on each comma.
2. Use the Array.join() method to join the array into a string without a delimiter.

Copied!
const str = 'bobby,hadz,com';

const result = str.split(',').join('');

console.log(result); // 👉️ bobbyhadzcom

If you need to replace the commas in the string, pass a replacement string to the Array.join() method.

Copied!
const str = 'bobby,hadz,com';

const result = str.split(',').join('=');

console.log(result); // 👉️ bobby=hadz=com

We used the String.split() method to split the string on all occurrences of a comma.

Copied!
const str = 'bobby,hadz,com';

// 👇️ [ 'bobby', 'hadz', 'com' ]
console.log(str.split(','));

The String.split() method takes a separator and splits the string into an array on each occurrence of the provided delimiter.

The String.split() method takes the following 2 parameters:

The last step is to use the Array.join() method to join the array into a string.

Copied!
const str = 'bobby,hadz,com';

const result = str.split(',').join('');

console.log(result); // 👉️ bobbyhadzcom

The Array.join() method concatenates all of the elements in an array using a separator.

The only argument the Array.join() method takes is a separator - the string used to separate the elements of the array.

If a value for the separator argument is omitted, the array elements are joined with a comma ,.

You can also extract the logic into a reusable function.

Copied!
function removeAllCommas(string) {
  return string.split(',').join('');
}

// 👇️ bobbyhadz
console.log(removeAllCommas('bobby,hadz'));

// 👇️ bobbyhadzcom
console.log(removeAllCommas('bobby,hadz,com'));

The function takes a string as a parameter, removes all commas from the string and returns the result.

Which approach you pick is a matter of personal preference. I'd use the String.replaceAll() method because it is quite direct and intuitive.

# Replace only the first occurrence of a Comma in a string

You can also use the replace() method to replace only the first occurrence of a comma in a string.

Copied!
const str = '123,456,789';

const replaceFirst = str.replace(/,/, '.');
console.log(replaceFirst); // 👉️ 123.456,789

The code sample replaces the first comma in the string with a dot.

The first argument we passed to the replace() method is a regular expression.

All we try to match in our regular expression is a single comma.

When you need to match an exact character, such as a comma, you can also pass a string argument to the replace() method.

Copied!
const str = '123,456,789';

const replaceFirst = str.replace(',', '.');
console.log(replaceFirst); // 👉️ 123.456,789

The code sample replaces the first occurrence of a comma with a dot.

# Additional Resources

You can learn more about the related topics by checking out the following tutorials:

• How to Replace all Dots in a String in JavaScript
• How to Remove all Line Breaks from a String in JavaScript
• Remove all Styles from an Element using JavaScript
• Remove/Replace all Whitespace from a String in JavaScript
• Replace/Remove characters that Don't match Regex in JS