Disjunction: |
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Adisjunction specifies multiple alternatives. Any alternative matching the input causes the entire disjunction to be matched.
Syntax
alternative1|alternative2alternative1|alternative2|alternative3|…
Parameters
alternativeN
One alternative pattern, composed of a sequence ofatoms and assertions. Successfully matching one alternative causes the entire disjunction to be matched.
Description
The|
regular expression operator separates two or morealternatives. The pattern first tries to match the first alternative; if it fails, it tries to match the second one, and so on. For example, the following matches"a"
instead of"ab"
, because the first alternative already matches successfully:
/a|ab/.exec("abc"); // ['a']
The|
operator has the lowest precedence in a regular expression. If you want to use a disjunction as a part of a bigger pattern, you mustgroup it.
When a grouped disjunction has more expressions after it, the matching begins by selecting the first alternative and attempting to match the rest of the regular expression. If the rest of the regular expression fails to match, the matcher tries the next alternative instead. For example,
/(?:(a)|(ab))(?:(c)|(bc))/.exec("abc"); // ['abc', 'a', undefined, undefined, 'bc']// Not ['abc', undefined, 'ab', 'c', undefined]
This is because by selectinga
in the first alternative, it's possible to selectbc
in the second alternative and result in a successful match. This process is calledbacktracking, because the matcher first goes beyond the disjunction and then comes back to it when subsequent matching fails.
Note also that any capturing parentheses inside an alternative that's not matched produceundefined
in the resulting array.
An alternative can be empty, in which case it matches the empty string (in other words, always matches).
Alternatives are always attempted left-to-right, regardless of the direction of matching (which is reversed in alookbehind).
Examples
Matching file extensions
The following example matches file extensions, using the same code as theinput boundary assertion article:
function isImage(filename) { return /\.(?:png|jpe?g|webp|avif|gif)$/i.test(filename);}isImage("image.png"); // trueisImage("image.jpg"); // trueisImage("image.pdf"); // false
Specifications
Specification |
---|
ECMAScript® 2026 Language Specification # prod-Disjunction |