JS正则表达式比较常见用法

最新推荐文章于 2022-04-10 22:07:38 发布
转载 最新推荐文章于 2022-04-10 22:07:38 发布 · 187 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/leeeeeee/blog/828294
文章标签：

#python

本文详细介绍了JavaScript中正则表达式的使用方法，包括定义、基本语法、常见写法及应用实例，帮助读者掌握正则表达式的实战技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

废话不多说，直接步入正轨了，想要了解js正则表达式用法的相关知识，通过本教程学习吧。

定义和使用

?

1

2

var patt1 = new RegExp("hello");

var patt2 = /world/ ;

test方法

test() 方法检索字符串中的指定值。返回值是 true 或 false。

?

1

2

3

var pat = /my/;

var str = "this is my code...";

console.log(pat.test(str)); // true

exec方法

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

?

1

2

var pat = /hello/;

console.log(pat.exec("oh hello world")); //返还hello

正则表达式类型

/pattern/attributes
参数 attributes 是一个可选的字符串，常用属性 “g”、”i” ，分别用于指定全局匹配、区分大小写的匹配。

?

1

2

3

4

5

6

7

8

9

var str = "Visit Hunger";

var patt1 = /hunger/i; //不区分大小写

console.log(str.match(patt1)); //全局匹配

var str="hello hunger valley! I am hunger";

var patt1=/hunger/g;

console.log(str.match(patt1)); //不区分大小写，全局匹配

var str="hello Hunger valley! I am hunger";

var patt1=/hunger/gi;

console.log(str.match(patt1));

字符串正则

1. search

字符串查找

?

1

2

var str="Visit W3School!";

console.log(str.search(/w3school/)); //-1 console.log(str.serach(/w3school/i)); // 6

2. match

字符串匹配

?

1

2

3

var str="1 plus 2 equal 33";

console.log(str.match(/\d+/)); //[1]

console.log(str.match(/\d+/g)); //[1,2,33]

3. replace

字符串替换

?

1

2

var str="Hello JI! oh I am hunger"

console.log(str.replace(/Hunger/, "valley")); console.log(str.replace(/hunger/ig, "hunger"));

4.split

字符串分割

?

1

2

3

var str = "Hello Hunger , oh I am Hunger";

str.split("");

str.split(/\s+/);

正则写法

[abc] 查找方括号之间的任何字符。

?

1

2

3

var str="Is this all there is?";

var patt1=/[a-h]/g;

console.log(str.match(patt1));

[^abc] 查找任何不在方括号之间的字符。

?

1

2

3

var str="hello jikexueyuan!";

var patt1=/[^jike]/g;

console.log(str.match(patt1));

[0-9] 查找任何从 0 至 9 的数字。

[a-z] 查找任何从小写 a 到小写 z 的字符。

[A-Z] 查找任何从大写 A 到大写 Z 的字符。

[A-z] 查找任何从大写 A 到小写 z 的字符。

[adgk] 查找给定集合内的任何字符。

[^adgk] 查找给定集合外的任何字符。

red|blue|green 查找任何指定的选项。

?

1

2

3

var str="hello hunger! How are you?";

var patt1=/hello|you/g; c

onsole.log(str.match(patt1));

. 查找单个字符，除了换行和行结束符。

?

1

2

3

var str="That's hot!";

var patt1=/h.t/g;

document.write(str.match(patt1));

\w 查找单词字符(字母、数字、下划线)。

?

1

2

3

var str="Give 100%!";

var patt1=/\w/g;

document.write(str.match(patt1));

\W 查找非单词字符。

?

1

var str="Give 100%!"; var patt1=/\W/g; document.write(str.match(patt1));

\d 查找数字。

?

1

2

3

var str="Give 100%!";

var patt1=/\d/g;

document.write(str.match(patt1));

\D 查找非数字字符。

?

1

var str="Give 100%!"; var patt1=/\D/g; document.write(str.match(patt1));

\s 查找空白字符(空格、tab、换行、回车)。

?

1

2

var str="Is this all there is?";

var patt1=/\s/g; document.write(str.match(patt1));

\S 查找非空白字符。

?

1

var str="Is this all there is?"; var patt1=/\S/g; document.write(str.match(patt1));

\b 匹配单词边界。

/\bm/ 匹配 “moon” 中的 ‘m'；
/oo\b/ 不匹配 “moon” 中的 ‘oo'，因为 ‘oo' 后面的 ‘n' 是一个单词字符；
/oon\b/ 匹配 “moon” 中的 ‘oon'，因为 ‘oon' 位于字符串的末端，后面没有单词字符；

?

1

2

3

var str="Hello jikexueyuan";

var patt1=/\bjikexueyuan/g;

document.write(str.match(patt1));

\B 匹配非单词边界。

\n 查找换行符。

?

1

2

var str="Hello Hunger.\n be a FE.";

var patt1=/\n/g; document.write(str.search(patt1));

n+ 匹配任何包含至少一个 n 的字符串。

?

1

2

3

4

5

var str="Hello HHunger! Hello World!";

var patt1=/H+/g;

document.write(str.match(patt1));

var str="Hello Hunger! Hello World!";

var patt1=/\w+/g; document.write(str.match(patt1));

n* 匹配任何包含零个或多个 n 的字符串。

?

1

var str="Hellooo Hunger! Hello World!"; var patt1=/lo*/g; document.write(str.match(patt1))

n? 匹配任何包含零个或一个 n 的字符串。

?

1

var str="1, 100 or 1000?"; var patt1=/10?/g; document.write(str.match(patt1));

n{X} 匹配包含 X 个 n 的序列的字符串。

?

1

var str="100, 1000 or 10000?"; var patt1=/\d{4}/g; document.write(str.match(patt1));

n{X,Y} 匹配包含 X 或 Y 个 n 的序列的字符串。

?

1

var str="100, 1000 or 10000?"; var patt1=/\d{3,4}/g; document.write(str.match(patt1));

n{X,} 匹配包含至少 X 个 n 的序列的字符串。

?

1

var str="100, 1000 or 10000?"; var patt1=/\d{3,}/g; document.write(str.match(patt1));

n$ 匹配任何结尾为 n 的字符串。

?

1

var str="Is this his"; var patt1=/is$/g; document.write(str.match(patt1));

^n 匹配任何开头为 n 的字符串。

?

1

var str="Is this his"; var patt1=/^Is/g; document.write(str.match(patt1));

常见正则

汉字： [\u4e00-\u9fa5]
手机号： 1[0-9]{10}
邮箱： (\S)+[@]{1}(\S)+[.]{1}(\w)+

转载于:https://my.oschina.net/leeeeeee/blog/828294

JavaScript 正则表达式以及常见验证
t1223091701的博客
12-13 1700
18 负浮点数：^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$17 正浮点数：^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
JavaScript使用正则表达式
最新发布
testleaf.cn
12-17 820
正则表达式（Regular Expression，在代码中常简写为regexregexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。
正则表达式中 test、exec、match 方法区别
iteye_10267的博客
10-31 344
正则表达式中 test、exec、match 方法区别（转载） test test 返回 Boolean，查找对应的字符串中是否存在模式。var str = "1a1b1c";var reg = new RegExp("1.", "");alert(reg.test(str)); // true exec exec 查找并返回当前的匹配结果，并以数组的形式返回。var st...
[原创] jQuery源码分析-02正则表达式-RegExp-常用正则表达式
nuysoft的专栏
10-27 378
作者：nuysoft/JS攻城师/高云　QQ：47214707　EMail：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。 后文预告：jQuery中的正则表达式分析 2.4 常用正则表达式 在网上找到一篇广为流传的文章《常用正则表达式》，逐一分析，不足地方进行补充和纠正。 常用的数字正则（严格匹配） 正则 含义 ^[1-...
JavaScript正则比较两个字符串
beifenggo
07-30 261
JavaScript正则比较两个字符串， 就是利用正则表达式快速比较两个字符串的不同字符。 var str1 = "求一个比较字符串处理功能"; var str2 = "求两或三个比较字符串处理"; var re = new RegExp("(?=.*?)[^" + str1 +"](?=.*?)|(?=.*?)[^" + str2 + "](?=.*?)", "g"
JS之正则表达式
chjunjun的博客
03-24 429
一.定义： 直接量：/s$/ 构造函数：new RegExp(“s$”); 各种字符与元字符： 1.直接量字符：支持非字母的匹配，通过反斜线（\）进行转义 正在上传…重新上传取消正在上传…重新上传取消正在上传…重新上传取消 转存失败重新上传取消正在上传…重新上传取消正在上传…重新上传取消 2.字符类：一个字符类可以匹配它所包含的任意字符...
比较好用的js正则
恹恹欲睡的博客
01-22 474
//输入判断 $(function() { //匹配字母加数字 序列号 $("#seriesInput").on("input porpertychange", function() { this.value = this.value.replace(/[^\w+]|\+/g,'') }) //匹配数字 件数 $("#goodsNo").
JS正则表达式验证数字（非常全）
10-20
正则表达式（Regular Expression），是一种文本模式的描述方法，它提供了一种在字符串中进行搜索、替换、匹配等操作的方式，而JS正则表达式是正则表达式在JavaScript语言中的实现。在软件开发中，正则表达式被广泛...
正则表达式对比(Java和JavaScript)
parade岁月的博客
04-10 3093
正则对比
正则表达式（二）
timeless的博客
11-16 497
[abc] 查找方括号之间的任何字符。 var str="Is this all there is?"; var patt1=/[a-h]/g;  console.log(str.match(patt1));     [^abc] 查找任何不在方括号之间的字符。 var str="hello jikexueyuan!"; var patt1=/[^jike]/g; conso
JS正则表达式
Chad97的博客
09-19 2万+
JS正则表达式概述：表达式：应用栗子：方法： 概述： 正则表达式： 用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。 正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种...
JS 正则匹配（RegExp）
热门推荐
墨痕诉清风的博客
09-15 4万+
例如，/a{1,3}/ 不匹配 "cndy"，匹配 "candy," 中的 "a"，"caandy," 中的两个 "a"，匹配 "caaaaaaandy" 中的前面三个 "a"。例如，/a{2}/ 不匹配 "candy," 中的 "a"，但是匹配 "caandy," 中的两个 "a"，且匹配 "caaandy." 中的前两个 "a"。例如，/a{2,}/ 不匹配 "candy" 中的 "a"，但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。返回值是被找到的值。
js正则（判断）
lz_hack的博客
02-22 1万+
这里为了方便学习呢，首先我们先来认识一下正则。 了解正则     正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。     正则表达式在代码中常被简写为regex,regexp或者RE。 我们可以自己定制自己需要的一些正则表达式，从了解正则创建开始。 1.给定的字符串是否符合正...
JS高级（正则表达式）
Spirit_Breeze的博客
07-14 624
正则表达式第1章 什么是正则表达式1.1 概述<body>    <img src="1.png" alt=""> </body> <script>    var img = document.querySelector('img');    img.onclick = function(){        if(this.src.index...
js正则表达式具体时间的验证，当前日期跟所填日期比较大小，时间的比较
u010078133的专栏
03-20 5969
js正则表达式具体时间的验证 function checkTime(str) {       re = /^((([0-1]\d)|(\d))|(2[0-4])):[0-5]\d$/     var r = str.match(re);     if (r == null)     { return false; }     else {         return true;
第七章 正则表达式编程
JavaAlliance
08-08 2207
什么叫知识，能指导我们实践的东西才叫知识。 学习一样东西，如果不能使用，最多只能算作纸上谈兵。正则表达式的学习，也不例外。 掌握了正则表达式的语法后，下一步，也是关键的一步，就是在真实世界中使用它。 那么如何使用正则表达式呢？有哪些关键的点呢？本章就解决这个问题。 内容包括： 正则表达式的四种操作 相关API注意要点 真实案例 1. 正则表达式的四种操作 正则表达式是匹配模式，不管如何使用正则...
正则表达式：数字、字母、下划线、汉字
卡卡罗特的博客
05-15 8201
1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$ 2.非负整数（正整数 + 0 ）: ^/d+$ 3. 正整数: ^[0-9]*[1-9][0-9]*$ 4.非正整数（负整数 + 0）： ^((-/d+)|(0+))$ 5. 负整数 : ^-[0-9]*[1-9][0-9]*$ 6.整数: ^-?/d+...
javascript 正则表达式 转换 java 正则表达式
04-08
JavaScript正则表达式和Java正则表达式在语法上有一些差异，但是它们的基本概念和用法是相似的。下面是将JavaScript正则表达式转换为Java正则表达式的一些常见规则： 1. 语法差异： - JavaScript正则表达式使用斜杠（/）作为定界符，而Java正则表达式使用双引号（"）作为定界符。 - JavaScript正则表达式中的特殊字符需要进行转义，而Java正则表达式中的特殊字符不需要转义。 2. 字符类： - JavaScript正则表达式中的字符类使用方括号（[]）表示，而Java正则表达式中使用方括号（[]）或者Unicode转义（\p{...}）表示。 - JavaScript正则表达式中的字符类可以使用连字符（-）表示范围，而Java正则表达式中需要使用Unicode转义（\uXXXX）表示范围。 3. 量词： - JavaScript正则表达式中的量词使用花括号（{}）表示，而Java正则表达式中使用花括号（{}）或者问号（?）表示。 - JavaScript正则表达式中的贪婪量词默认是贪婪模式，而Java正则表达式中的贪婪量词需要在后面添加问号（?）来表示非贪婪模式。 4. 边界匹配： - JavaScript正则表达式中的边界匹配使用插入符号（^）和美元符号（$）表示，而Java正则表达式中使用\A和\Z表示。 5. 其他差异： - JavaScript正则表达式中的捕获组使用圆括号（()）表示，而Java正则表达式中使用圆括号（()）或者方括号（[]）表示。 - JavaScript正则表达式中的反向引用使用反斜杠加数字（\1、\2等）表示，而Java正则表达式中使用美元符号加数字（$1、$2等）表示。 以上是一些常见的JavaScript正则表达式转换为Java正则表达式的规则。具体转换时，还需要根据具体的正则表达式进行适当的调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值