JavaScript RegExp [^0-9] 组 (非数字)

2025年3月2日 | 5 分钟阅读

Javascript 正则表达式组用于匹配字符串中不存在的数字。使用正则表达式方法，我们可以设置数字的范围或单个数字来获取所需的字符。test、search 和 match 方法在括号中没有符号和特定数字的字符，例如 [^9]。我们可以使用数字组，如 [^0-9]。

语法

以下语法用于不匹配数字的正则表达式组。

或

描述

使用正则表达式组，我们可以使用全局修饰符来匹配所需的数字。
我们可以使用带或不带修饰符的正则表达式组。

示例

以下示例展示了字符串中不存在的数字的正则表达式组 [^0-9] 或 [^0]。

示例 1

以下示例适用于简单的数字 (^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 numbers
        </h3>
        <h4> In the regex group test, the 8 number does not act as a character
        </h4>
        <div id="regex_group"></div>
        <!-- click the button to operate regex number group -->
        <button onclick="display_num();"> Click Here! </button>
    </div>
    <script>
        function display_num() {
            // use regex number group for number with global modifier
            let input_pattern = /[^8]/g;
            var group_t1 = input_pattern.test('99884532');
            var group_t2 = input_pattern.test('dfb003sbbff');
            var group_t3 = input_pattern.test('jf8838g');
            //Output shows the availability of the regex value in the string 
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "99884532 : " + group_t1 + "<br> dfb003sbbff : " + group_t2 + " <br> jf888g : " + group_t3
        }
    </script>
</body>

</html>

输出

输出显示括号中不存在 8 个数字。

JavaScript RegExp [^0-9] Groups (not for number)

示例 2

以下示例使用 javascript 正则表达式展示了简单的数字组 [^0-5] 的不匹配。在这里，我们使用 0 到 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 numbers
        </h3>
        <h4> In the regex group test, the 0-5 number does not act as a character
        </h4>
        <div id="regex_group">
        </div>
        <!-- click the button to operate regex number group -->
        <button onclick="display_num();"> Click Here! </button>
    </div>
    <script>
        function display_num() {
            // use regex number group for 0 to 5 numerical pattern
            let input_pattern = /[^0-5]/g;
            var group_t1 = input_pattern.test('99884532');
            var group_t2 = input_pattern.test('dfb003sbbff');
            var group_t3 = input_pattern.test('jf888g');
            //Output shows the availability of the 0-5 number of group
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "99884532 : " + group_t1 + "<br> dfb003sbbff : " + group_t2 + " <br> jf888g : " + group_t3
        }
    </script>
</body>
</html>

输出

输出显示括号中不存在 [0-5] 数字。

示例 3

以下示例使用 [^0-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 not for numbers
        </h3>
        <div id="regex_group">
        </div>
        <!-- click the button to operate regex number group -->
        <button onclick="display_num();"> Click Here! </button>
    </div>
    <script>
        function display_num() {
            // use regex number group for a numerical pattern with a modifier
            let input_pattern = /[0-5]/g;
            var group_input1 = "99884532";
            var group_input2 = "dfb003sbbff";
            var group_input3 = "998877";
            var group_t1 = group_input1.match(input_pattern);
            var group_t2 = group_input2.match(input_pattern);
            var group_t3 = group_input3.match(input_pattern);
            //Output shows the array value of the regex group pattern 
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "99884532 : " + group_t1 + "<br> dfb003sbbff : " + group_t2 + " <br> 998877 : " + group_t3
        }
    </script>
</body>
</html>

输出

输出显示括号中不存在 [0-5] 数字。

示例 4

以下示例搜索所需的数字集以获取数字的位置。search 方法显示了组数字的可用性。

<!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 not for numbers
        </h3>
        <h4> The regex group searches the not in [0-5] numbers as a character
        </h4>
        <div id="regex_group"></div>
        <!-- click the button to operate regex number group -->
        <button onclick="display_num();"> Click Here! </button>
    </div>
    <script>
        function display_num() {
            // use regex number group for numerical pattern
            let input_pattern = /[^0-5]/g;
            var group_input1 = "99884532";
            var group_input2 = "dfb003sbbff";
            var group_input3 = "998877";
            var group_t1 = group_input1.search(input_pattern);
            var group_t2 = group_input2.search(input_pattern);
            var group_t3 = group_input3.search(input_pattern);
            //Output shows the position of the pattern value in the string 
            var ele = document.getElementById("regex_group");
            ele.innerHTML = "99884532 : " + group_t1 + "<br> dfb003sbbff : " + group_t2 + " <br> 998877 : " + group_t3
        }
    </script>
</body>
</html>

输出

输出显示数字的不存在。

示例 5

以下示例显示了给定组值的不可用性。match 方法用于字符串的数字组 (^123)。正则表达式提取输入字符串中的 1、2 和 3。

<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 numbers
        </h3>
        <div id="regex_group"></div>
        <!-- click the button to operate regex number group -->
        <button onclick="display_num();"> Click Here! </button>
    </div>
    <script>
        function display_num() {
            //Use number regex pattern for a set of numbers
            let input_pattern = /[^123]/g;
            var group_input1 = "0199884532";
            var group_input2 = "dfb003sbbff";
            var group_input3 = "9298877";
            var group_t1 = group_input1.match(input_pattern);
            var group_t2 = group_input2.match(input_pattern);
            var group_t3 = group_input3.match(input_pattern);
            var ele = document.getElementById("regex_group");
            //Output shows the matching value in the string 
            ele.innerHTML = "0199884532 : " + group_t1 + "<br> dfb003sbbff : " + group_t2 + " <br> 9298877 : " + group_t3
        }
    </script>
</body>
</html>

输出

输出显示字符串中的一组数字。

结论

数字组的正则表达式用于使用带数字的括号 [0-9] 来验证数值。

下一主题如何获取 JavaScript 对象长度

JavaScript RegExp [^0-9] 组 (非数字)

语法

示例

结论

联系信息

关注我们

教程

面试题

在线编译器

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 RegExp [^0-9] 组 (非数字)

语法

示例

结论

相关帖子

高级 JavaScript 概念

在 JavaScript 中按字母顺序排序

JavaScript array.length

JavaScript print() 方法

JavaScript 中的随机颜色生成器

JavaScript offsetHeight

如何退出 JavaScript 中的函数

学习 JavaScript 需要多长时间？

JavaScript 算法和数据结构大师课程

如何在 JavaScript 中使用 require() 函数

订阅 Tpoint Tech

联系信息

关注我们

教程