JavaScript Regex to remove text after a comma and the following word?

When working with strings in JavaScript, you might encounter scenarios where you need to clean or format text by removing specific portions. A common task is to remove text after a comma and the following word. This can be achieved efficiently using JavaScript Regular Expressions (Regex). In this article, we'll show you how to do it step-by-step.

Why Use Regex for Text Manipulation?

Regex, short for Regular Expressions, is a powerful tool for pattern matching and text processing. It allows you to identify and manipulate text patterns with precision, making tasks like cleaning data or reformatting strings much simpler.

The Regex Pattern

The pattern we'll use to remove text after a comma and the following word is:

/, \w+.*$/

Here's what each part means:

• ,: Matches a literal comma
• : Matches a space after the comma
• \w+: Matches one or more word characters (letters, digits, or underscores)
• .*: Matches any remaining characters after the word
• $: Ensures the match extends to the end of the string

Using replace() Method

The most straightforward approach uses JavaScript's replace() method with our regex pattern to directly remove the unwanted text.

Example

// Original string
const input = "This is a test, remove this part";

// Use Regex to remove text after a comma and the following word
const result = input.replace(/, \w+.*$/, '');

// Output the result
console.log("Original:", input);
console.log("Result:", result);

Original: This is a test, remove this part
Result: This is a test

Using match() Method

Alternatively, you can use the match() method with capturing groups to extract and reconstruct the desired parts of the string.

Example

var sentence = 'My Name is John, Smith I live in US';
console.log("Original:", sentence);

// Extract text before comma
var beforeComma = sentence.match(/([^,]*)/)[1];

// Extract the first word after comma
var afterCommaWords = sentence.match(/,\s*(.*)/)[1].split(' ');
var firstWordAfterComma = afterCommaWords[0];

// Reconstruct with only the first word after comma
var newValue = beforeComma + ', ' + firstWordAfterComma;
console.log("Result:", newValue);

Original: My Name is John, Smith I live in US
Result: My Name is John, Smith

Multiple Examples

Let's test both methods with different input strings:

const examples = [
    "Hello world, this should be removed",
    "JavaScript is great, but sometimes complex",
    "Simple text, end"
];

examples.forEach((text, index) => {
    const cleaned = text.replace(/, \w+.*$/, '');
    console.log(`Example ${index + 1}:`);
    console.log(`Original: ${text}`);
    console.log(`Cleaned: ${cleaned}`);
    console.log('---');
});

Example 1:
Original: Hello world, this should be removed
Cleaned: Hello world

Example 2:
Original: JavaScript is great, but sometimes complex
Cleaned: JavaScript is great

Example 3:
Original: Simple text, end
Cleaned: Simple text
---

Comparison

Conclusion

The replace() method with regex pattern /, \w+.*$/ is the most efficient way to remove text after a comma and the following word. Use the match() method only when you need more complex string manipulation or want to preserve specific parts of the removed text.