Regex Flags and Text Processing

Introduction

Welcome back to Regex Validation, Flags, and Text Processing in JavaScript! You've reached the second lesson, and you're building impressive momentum. In the previous lesson, you mastered full-string validation using RegExp.test() with anchors, creating username and password validators that enforce complete input requirements. You learned to distinguish validation from pattern searching, ensuring that every character from start to finish follows your rules. These validators work well for straightforward requirements, but real-world text processing often demands more flexibility. Consider these common scenarios: searching for keywords regardless of whether they're capitalized, matching patterns at the start of every line in a multi-line document, or capturing text that spans multiple lines. Your current regex knowledge handles the patterns themselves beautifully, but these situations require control over how the regex engine interprets those patterns . This lesson introduces flags : special options that modify regex behavior without changing the pattern itself. You'll learn to make matches case-insensitive, handle line boundaries properly, and match across newlines. Let's explore how flags give you powerful control over pattern-matching behavior.

Understanding Regular Expression Flags

Flags are optional parameters that change how the regex engine processes your pattern. Without flags, the engine follows default behavior: matches are case-sensitive, the dot metacharacter doesn't match newlines, and anchors like^and $ only match the very start and end of the string. These defaults work fine for many cases, but they can become limiting when your requirements differ. Think about searching for a product name in customer reviews. If you search for "iPhone" but reviews contain "iphone," "IPHONE," or "IPhone," you'll miss relevant matches without case-insensitive matching. Or imagine validating a URL: you want to ensure the entire string follows URL rules from start to finish. Flags solve these problems by letting you tell the regex engine: "treat uppercase and lowercase as equivalent," or "let the dot match newlines too." JavaScript provides several flags that we'll explore throughout this lesson, each addressing specific pattern-matching challenges. In JavaScript, flags are specified as a string of letters after the pattern in literal notation (/pattern/flags) or as the second argument when using the RegExp constructor (new RegExp(pattern, "flags")). Common flags include i for case-insensitive matching, m for multiline mode, s for dotall mode, and g for global matching. Let's explore how each flag transforms pattern-matching behavior.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

JavaScript

function isUrl(u) {
  // Build a readable URL regex from fragments
  const scheme = "https?://";          // http or https
  const host = "[A-Za-z0-9.-]+";       // host
  const path = "(?:/[^\\s]*)?";        // optional path

  const pattern = new RegExp("^" + scheme + host + path + "$");
  return pattern.test(u);
}

function isUrl(u) {
  // Build a readable URL regex from fragments
  const scheme = "https?://";          // http or https
  const host = "[A-Za-z0-9.-]+";       // host
  const path = "(?:/[^\\s]*)?";        // optional path

  const pattern = new RegExp("^" + scheme + host + path + "$");
  return pattern.test(u);
}

JavaScript

console.log(isUrl("https://example.com/path"));
console.log(isUrl("ftp://bad.com"));

console.log(isUrl("https://example.com/path"));
console.log(isUrl("ftp://bad.com"));

JavaScript

function caseInsensitiveSearch(text, word) {
  const pattern = new RegExp(escapeRegExp(word), "i");
  return pattern.test(text);
}

JavaScript

function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}

JavaScript

console.log(caseInsensitiveSearch("Hello world", "HELLO"));

console.log(caseInsensitiveSearch("Hello world", "HELLO"));

JavaScript

const ml = "start\nskip\nstart again";
// '^start' without 'm' only matches at the beginning of the whole string
const noMultiline = ml.match(/^start/g);
// '^start' with 'm' matches at the beginning of each line
const withMultiline = ml.match(/^start/gm);
console.log([noMultiline, withMultiline]);

text

[ [ 'start' ], [ 'start', 'start' ] ]

JavaScript

const ds = "A\nB";
// '.' does not match newlines by default
const noDotAll = ds.match(/A.*B/);
// With 's' flag, '.' matches newlines too
const withDotAll = ds.match(/A.*B/s);
console.log([noDotAll, withDotAll]);

const ds = "A\nB";
// '.' does not match newlines by default
const noDotAll = ds.match(/A.*B/);
// With 's' flag, '.' matches newlines too
const withDotAll = ds.match(/A.*B/s);
console.log([noDotAll, withDotAll]);

text

[ null, [ 'A\nB', index: 0, input: 'A\nB', groups: undefined ] ]

[ null, [ 'A\nB', index: 0, input: 'A\nB', groups: undefined ] ]

JavaScript

// Example combining flags with RegExp constructor
const pattern1 = new RegExp("hello\\s+world", "gi");
console.log(pattern1.test("HELLO   WORLD"));

// Example combining flags with literal notation
const pattern2 = /hello\s+world/gi;
console.log(pattern2.test("Hello World"));

// Example combining flags with RegExp constructor
const pattern1 = new RegExp("hello\\s+world", "gi");
console.log(pattern1.test("HELLO   WORLD"));

// Example combining flags with literal notation
const pattern2 = /hello\s+world/gi;
console.log(pattern2.test("Hello World"));

JavaScript

function isUrl(u) {
  // Build a readable URL regex from fragments
  const scheme = "https?://";          // http or https
  const host = "[A-Za-z0-9.-]+";       // host
  const path = "(?:/[^\\s]*)?";        // optional path

  const pattern = new RegExp("^" + scheme + host + path + "$");
  return pattern.test(u);
}

JavaScript

console.log(isUrl("https://example.com/path"));
console.log(isUrl("ftp://bad.com"));

JavaScript

console.log(caseInsensitiveSearch("Hello world", "HELLO"));

JavaScript

const ds = "A\nB";
// '.' does not match newlines by default
const noDotAll = ds.match(/A.*B/);
// With 's' flag, '.' matches newlines too
const withDotAll = ds.match(/A.*B/s);
console.log([noDotAll, withDotAll]);

text

[ null, [ 'A\nB', index: 0, input: 'A\nB', groups: undefined ] ]

JavaScript

// Example combining flags with RegExp constructor
const pattern1 = new RegExp("hello\\s+world", "gi");
console.log(pattern1.test("HELLO   WORLD"));

// Example combining flags with literal notation
const pattern2 = /hello\s+world/gi;
console.log(pattern2.test("Hello World"));

JavaScript

function caseInsensitiveSearch(text, word) {
  const pattern = new RegExp(escapeRegExp(word), "i");
  return pattern.test(text);
}

JavaScript

function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}

JavaScript

const ml = "start\nskip\nstart again";
// '^start' without 'm' only matches at the beginning of the whole string
const noMultiline = ml.match(/^start/g);
// '^start' with 'm' matches at the beginning of each line
const withMultiline = ml.match(/^start/gm);
console.log([noMultiline, withMultiline]);

text

[ [ 'start' ], [ 'start', 'start' ] ]

Introduction

Understanding Regular Expression Flags

Join the 1M+ learners on CodeSignal

Building a URL Validator

Testing URL Validation

Case-Insensitive Matching with the "i" Flag

Testing Case-Insensitive Search

Matching Line Boundaries with the "m" Flag

Matching Across Lines with the "s" Flag

Combining Multiple Flags

Conclusion and Next Steps