Remove Special Characters Using Regex in JavaScript: Simple Guide

Use the String.prototype.replace() method with a regex pattern like /[^a-zA-Z0-9 ]/g to remove special characters from a string in JavaScript. This pattern keeps letters, numbers, and spaces, removing everything else.

Syntax

The basic syntax to remove special characters is using replace() with a regex pattern:

• string.replace(regex, ''): replaces matched characters with an empty string.
• regex: a pattern that matches all characters you want to remove.
• /[^a-zA-Z0-9 ]/g: matches any character that is NOT a letter (a-z, A-Z), number (0-9), or space.
• g flag: means global, so it replaces all matches, not just the first.

javascript

const cleanString = originalString.replace(/[^a-zA-Z0-9 ]/g, '');

Example

This example shows how to remove special characters from a string, keeping only letters, numbers, and spaces.

javascript

const originalString = "Hello, World! This is #1 example.";
const cleanedString = originalString.replace(/[^a-zA-Z0-9 ]/g, '');
console.log(cleanedString);

Output

Hello World This is 1 example

Common Pitfalls

Common mistakes include:

• Not using the g flag, which only removes the first special character.
• Removing spaces unintentionally by excluding them from the regex allowed characters.
• Using a regex that is too broad or too narrow, removing needed characters or leaving unwanted ones.

javascript

/* Wrong: missing 'g' flag, only removes first special character */
const wrong1 = "Hi! How are you?".replace(/[^a-zA-Z0-9 ]/, '');
console.log(wrong1); // Output: "Hi How are you?"

/* Correct: with 'g' flag to remove all special characters */
const correct = "Hi! How are you?".replace(/[^a-zA-Z0-9 ]/g, '');
console.log(correct); // Output: "Hi How are you"

Output

Hi How are you?
Hi How are you

Quick Reference

Summary tips for removing special characters with regex in JavaScript:

• Use replace(/[^a-zA-Z0-9 ]/g, '') to keep letters, numbers, and spaces.
• Add or remove characters inside [] to customize allowed characters.
• Always include the g flag to replace all matches.
• Test your regex with different strings to avoid removing needed characters.

Key Takeaways

Use String.replace() with a regex to remove special characters in JavaScript.

Include the 'g' flag in regex to remove all special characters, not just the first.

Customize the regex character set to keep only the characters you want.

Test your regex to avoid accidentally removing spaces or needed characters.