By Smurfette

2013-07-25 15:58:43 8 Comments

In the regex below, \s denotes a space character. I imagine the regex parser, is going through the string and sees \ and knows that the next character is special.

But this is not the case as double escapes are required.

Why is this?

var res = new RegExp('(\\s|^)' + foo).test(moo);

Is there a concrete example of how a single escape could be mis-interpreted as something else?


@CertainPerformance 2019-04-22 10:42:59

As has been said, inside a string literal, a backslash indicates an escape sequence, rather than a literal backslash character, but the RegExp constructor often needs literal backslash characters in the string passed to it, so the code should have \\s to represent a literal backslash, in most cases.

A problem is that double-escaping metacharacters is tedious. There is one way to pass a string to new RegExp without having to double escape them: use the String.raw template tag, an ES6 feature, which allows you to write a string that will be parsed by the interpreter verbatim, without any parsing of escape sequences. For example:

console.log('\\'.length);           // length 1: an escaped backslash
console.log(`\\`.length);           // length 1: an escaped backslash
console.log(String.raw`\\`.length); // length 2: no escaping in String.raw!

So, if you wish to keep your code readable, and you have many backslashes, you may use String.raw to type only one backslash, when the pattern requires a backslash:

const sentence = 'foo bar baz';
const regex = new RegExp(String.raw`\bfoo\sbar\sbaz\b`);

But there's a better option. Generally, there's not much good reason to use new RegExp unless you need to dynamically create a regular expression from existing variables. Otherwise, you should use regex literals instead, which do not require double-escaping of metacharacters, and do not require writing out String.raw to keep the pattern readable:

const sentence = 'foo bar baz';
const regex = /\bfoo\sbar\sbaz\b/;

Best to only use new RegExp when the pattern must be created on-the-fly, like in the following snippet:

const sentence = 'foo bar baz';
const wordToFind = 'foo'; // from user input

const regex = new RegExp(String.raw`\b${wordToFind}\b`);

@Cristian Lupascu 2013-07-25 16:02:28

The Regex needs a string representation of \s, which in JavaScript can be produced using the literal "\\s".

Here's a live example to illustrate why "\s" is not enough:

alert("One backslash:          \s\nDouble backslashes: \\s");

Note how an extra \ before \s changes the output.

@schlicht 2013-07-25 16:04:31

\ is used in Strings to escape special characters. If you want a backslash in your string (e.g. for the \ in \s) you have to escape it via a backslash. So \ becomes \\ .

EDIT: Even had to do it here, because \\ in my answer turned to \.

@Quentin 2013-07-25 16:03:05

You are constructing the regular expression by passing a string to the RegExp constructor.

You need to escape the \ so that your string literal can express it as data before you transform it into a regular expression.

@Wiktor Stribi┼╝ew 2018-09-27 15:28:34

That pertains to both regular string literals as well as template string literals.

@Joe Enos 2013-07-25 16:02:19

Inside the code where you're creating a string, the backslash is a javascript escape character first, which means the escape sequences like \t, \n, \", etc. will be translated into their javascript counterpart (tab, newline, quote, etc.), and that will be made a part of the string. Double-backslash represents a single backslash in the actual string itself, so if you want a backslash in the string, you escape that first.

So when you generate a string by saying var someString = '(\\s|^)', what you're really doing is creating an actual string with the value (\s|^).

Related Questions

Sponsored Content

27 Answered Questions

[SOLVED] Why is using "" with array iteration a bad idea?

5 Answered Questions

[SOLVED] What is TypeScript and why would I use it in place of JavaScript?

  • 2012-10-02 16:37:58
  • Mohammed Thabet
  • 460129 View
  • 1528 Score
  • 5 Answer
  • Tags:   javascript typescript

41 Answered Questions

[SOLVED] When to use double or single quotes in JavaScript?

34 Answered Questions

[SOLVED] RegEx match open tags except XHTML self-contained tags

  • 2009-11-13 22:38:26
  • Jeff
  • 2572482 View
  • 1324 Score
  • 34 Answer
  • Tags:   html regex xhtml

6 Answered Questions

[SOLVED] Why does Google prepend while(1); to their JSON responses?

39 Answered Questions

[SOLVED] A comprehensive regex for phone number validation

14 Answered Questions

9 Answered Questions

[SOLVED] Why does ++[[]][+[]]+[+[]] return the string "10"?

  • 2011-08-26 08:46:14
  • JohnJohnGa
  • 192370 View
  • 1571 Score
  • 9 Answer
  • Tags:   javascript syntax

1 Answered Questions

[SOLVED] Escape string for use in Javascript regex

1 Answered Questions

Sponsored Content