Javascript 正则表达式组 (a|b) 用于替代

2025 年 3 月 18 日 | 阅读 7 分钟

Javascript 正则表达式分组 [a|b] 可用于匹配字符串中的数字或字符。我们可以将数字或任何字符作为备选项，利用正则表达式方法来操作所需的字符。test、search 和 match 方法都可以使用正则表达式分组值以及分隔线进行操作。

语法

以下语法用于正则表达式分组以匹配备选字符。

或

描述

修饰符是可选的，但在处理整个字符串数据时是必需的。
我们可以使用多个值作为备选分组的数据。

示例

以下示例展示了 Javascript 正则表达式的备选字符分组。

示例 1

以下示例使用正则表达式分组来匹配备选字符的字符串。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the [j|w] number does not as an character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here! </button>
    </div>
    <script>
        function display_group() {
            // Use regex alternative group character with global modifier
            let input_pattern = /[[j|w]/g;
            var group_t1 = input_pattern.test('TpointTech website');
            var group_t2 = input_pattern.test('javascript');
            var group_t3 = input_pattern.test('websites for learning');
            // Output shows the Boolean value of the regex pattern
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "TpointTech website : " + group_t1 + "<br> javascript: " + group_t2 +
                " <br> websites for learning: " + group_t3
        }
    </script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

Javascript regex groups (a|b) for alternative

示例 2

以下示例使用正则表达式分组匹配备选字符的字符串。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the [j|w] number does not as a character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here! </button>
    </div>
    <script>
        function display_group() {
            // Use regex alternative group character with global modifier
            let input_pattern = /[[j|w]/g;
            var group_input1 = "TpointTech website";
            var group_input2 = "javascript";
            var group_input3 = "website to learn";
            var group_alter1 = group_input1.match(input_pattern);
            var group_alter2 = group_input2.match(input_pattern);
            var group_alter3 = group_input3.match(input_pattern);
            // Output shows the available value of the regex pattern
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "TpointTech website : " + group_alter1 + "<br> javascript : " + group_alter2 +
                " <br> website to learn : " + group_alter3;
        }
    </script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

示例 3

以下示例使用 Javascript 正则表达式匹配 [j|w|a|t] 的值。我们可以使用多个字符来匹配字符串，这得益于正则表达式分组。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the [a|j|w|t] number does not as an character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here! </button>
    </div>
    <script>
        function display_group() {
            // Use multiple alternative group characters with a global modifier
            let input_pattern = /[a|j|w|t]/g;
            var group_input1 = "TpointTech website";
            var group_input2 = "javascript";
            var group_input3 = "website to learn";
            var group_alter1 = group_input1.match(input_pattern);
            var group_alter2 = group_input2.match(input_pattern);
            var group_alter3 = group_input3.match(input_pattern);
            // Output shows the matching value of the regex pattern
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "TpointTech website : " + group_alter1 + "<br> javascript : " + group_alter2 +
                " <br> website to learn : " + group_alter3;
        }
    </script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

示例 4

以下示例搜索字符串中所需的数字。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the [a|j|w|t] number does not as an character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here! </button>
    </div>
    <script>
        function display_group() {
            // Use regex alternative group character with search method
            let input_pattern = /[a|t]/g;
            var group_input1 = "TpointTech website";
            var group_input2 = "javascript";
            var group_input3 = "website to learn";
            var group_alter1 = group_input1.search(input_pattern);
            var group_alter2 = group_input2.search(input_pattern);
            var group_alter3 = group_input3.search(input_pattern);
            // Output shows the index value of the regex pattern
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "TpointTech website : " + group_alter1 + "<br> javascript : " + group_alter2 +
                " <br> website to learn : " + group_alter3;
        }
    </script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

示例 5

以下示例展示了以数字形式存在的备选字符的可用性。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the [0|1] number does not as an character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here!</button>
    </div>
    <script>
        function display_group() {
            // Use the regex alternative group's number with the search method
            let input_pattern = /[0|1]/g;
            var group_input1 = "98011";
            var group_input2 = "22341";
            var group_input3 = "2002132";
            var group_alter1 = group_input1.search(input_pattern);
            var group_alter2 = group_input2.search(input_pattern);
            var group_alter3 = group_input3.search(input_pattern);
            // Output shows the index position of the regex pattern
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "98011 : " + group_alter1 + "<br> 22341 : " + group_alter2 + " <br> 2002132 : " +
                group_alter3;
        }
    </script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

示例 6

以下示例匹配数字的备选字符。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the [0|1|2] number does not as an character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here!</button>
    </div>
</body>
</body>
<script>
    function display_group() {
        // Use multiple alternative group numbers with the search method
        let input_pattern = /[0|1|2]/g;
        var group_input1 = "98011";
        var group_input2 = "22341";
        var group_input3 = "2002132";
        var group_alter1 = group_input1.match(input_pattern);
        var group_alter2 = group_input2.match(input_pattern);
        var group_alter3 = group_input3.match(input_pattern);
        // Output shows the available value of the regex pattern
        var ele = document.getElementById("regex_group");
        ele.innerHTML = "98011 : " + group_alter1 + "<br> 22341 : " + group_alter2 + " <br> 2002132 : " + group_alter3;
    }
</script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

示例 7

以下示例使用 Javascript 正则表达式匹配 [j|w|a|t] 的值。我们可以使用多个字符以及全局和不区分大小写的修饰符来匹配字符串，这得益于正则表达式分组。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the [a|j|w|t] number does not as a character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here! </button>
    </div>
    <script>
        function display_group() {
            // Use regex alternative group character with modifiers
            let input_pattern = /[a|j|w|t]/gi;
            var group_input1 = "TpointTech website for Javascript";
            var group_input2 = "javascript Tutorial";
            var group_input3 = "Website to Learn";
            var group_alter1 = group_input1.match(input_pattern);
            var group_alter2 = group_input2.match(input_pattern);
            var group_alter3 = group_input3.match(input_pattern);
            // Output shows the available value of the regex pattern
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "TpointTech website : " + group_alter1 + "<br> javascript : " + group_alter2 +
                " <br> website to learn : " + group_alter3;
        }
    </script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

示例 8

以下示例从数组中过滤特定值。我们可以在正则表达式中使用多个字符或数组对象。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp groups
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp groups for alternative characters
        </h3>
        <h4> the regex group test the (php|jquery) number does not as an character
        </h4>
        <div id="regex_group"></div>
        <!-- Click the button to get an alternative value -->
        <button onclick="display_group ();"> Click Here! </button>
    </div>
    <script>
        function display_group() {
            // Use alternative group value with global modifier
            let input_pattern = /(php|jquery)/g;
            var group_input1 = "java, php, jquery, javascript, nodejs";
            var group_alter1 = group_input1.match(input_pattern);
            // Output shows the available value of the regex pattern
            var ele = document.getElementById("regex_group");
            ele.innerHTML = group_alter1;
        }
    </script>
</body>
</html>

输出

输出显示了输入字符串中给定的备选字符。

结论

Javascript 正则表达式分组用于备选数据和信息。我们可以使用它们来过滤特定值。通过 search、match 和 test 方法，可以轻松地操作信息。

下一主题如何在 Javascript 中遍历数组

Javascript 正则表达式组 (a|b) 用于替代

语法

示例

示例 5

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

Javascript 正则表达式组 (a|b) 用于替代

语法

示例

示例 5

结论

相关帖子

JavaScript Toggle

JavaScript 函数表达式

Anagram JavaScript

每个 Web 开发者都应该知道的 JavaScript 概念

JavaScript 中的二分查找

JavaScript DocumentFragment

从 JavaScript 字符串中移除 n

免费 JavaScript

JavaScript setAttribute() 方法

JavaScript 双问号 (??) 是什么？

订阅 Tpoint Tech

联系信息

关注我们