JavaScript 正则表达式_var title=body

最新推荐文章于 2024-07-24 16:20:17 发布
最新推荐文章于 2024-07-24 16:20:17 发布
阅读量1k 收藏 11
点赞数 30
文章标签： javascript 正则表达式 mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_85123638/article/details/139579205
版权

匹配多个字符后面是三个数字，后面的内容和前面多个字符相同，
如：abc123abc

var str='aaaphp123phpaaajavascript589javascriptaasma470smbaa';
var reg=/(\w+)\d\d\d\1/gi;
var result=str.match(reg);
alert(result);*/

例2：习题：

查找连续的四个数字，如：3569
var reg=/\d\d\d\d/gi; \d{4}
查找连续的相同的四个数字，如：1111
var reg=/(\d)\1\1\1/gi;
查找数字，如：1221,3443
Var reg=/(\d)(\d)\2\1/gi;
查找字符，如：AABB,TTMM
Var reg=/(\w)\1(\w)\2/gi;
查找连续相同的四个数字或四个字符
Var reg=/(\w)\1\1\1/gi;

一般情况，后面的内容要求与前面的一致，就会用到子表达式、捕获、反向引用的概念

例3：在一个字符串，查找一对html标记以及中间的内容(好例子)

var str='adsfsadf<div>商品</div>adsflkj<p>100.00</p>sadfsadf';
var reg=/<(\w+)>.+<\/\1>/gi;
alert(str.match(reg));

例4：关于子表达式和exec方法

<script> 

 var str='ad1221sdsalkf4554sadlkj7667fsad1234fds';
 var reg=/(\d)(\d)\2\1/gi;
 var result;
 while(result=reg.exec(str)){
 alert(result);
 //result[0] ==>1221
 //result[1] ==>1
 //result[2] ==>2 

 //.......
 }



 /\*var str='aaaphp123phpaaajavascript589javascriptaasma470smbaaa';
 var reg=/(\w+)(\d)\d\d\1/gi;
 var result;
 while(result=reg.exec(str)){
 alert(result);
 }\*/
 //每一次匹配都放到一个数组中
 //数组结构：
 //result[0] ====> php123php
 //result[1] ====> 第一个子表达式匹配的结果 php
 //result[2] ====> 第二个子表达式匹配的结果 1

 //result[0] ====> javascript589javascript
 //result[1] ====> javascript
 //result[2] ====> 5
</script>

exec方法和match方法的比较：
Exec方法是RegExp类下的方法
Match是String下的方法

Match方法直接返回一个数组
Exec方法需要使用循环反复调用

如果有子表达式，exec方法会将子表达式的捕获结果放到数组对应的数组元素中

五、正则语法细节

正则表达式是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。

正则表达式的构成：

1）普通字符 ：a b c d 1 2 3 4 ………
2）特殊字符（元字符）：\d \D \w . …….

我们在写正则表达式的时候，需要确定这样几件事：

1）我们要查什么
2）我们要从哪查
3）我们要查多少

1、限定符
限定符可以指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。

* — 匹配前面的组件零次或多次

  • — 匹配前面的组件一次或多次
    ? — 匹配前面的组件零次或一次
    {n} — 匹配确定的 n 次
    {n,} — 至少匹配n 次
    {n,m} — 最少匹配 n 次且最多匹配 m 次

也可以使用以下方式表示：

* == {0,}

  • =={1,}
    ? =={0,1}

代码：

例1：
这里写图片描述

结果：
这里写图片描述

例2：
这里写图片描述
结果：
这里写图片描述

例3：

这里写图片描述

结果：
这里写图片描述

\d{3,5} ：如在上题字符串中，既匹配三个，也可以匹配五个，那么，正则表达式中会自动匹配多的那一种，这在正则中贪婪匹配原则。

如果在表达式的后面使用”？”，表示非贪婪匹配原则，就会尽可能匹配少的，示例如下：

例4：

这里写图片描述

{3,5}? 表示匹配3个
这里写图片描述

2、字符匹配符

字符匹配符用于匹配某个或某些字符

  • 字符簇

    • [a-z] ：表示a-z任意一个字符
    • [A-Z] ：表示A-Z任意一个字符
    • [0-9] ：表示0-9任意一个数字
    • [0-9a-z] ：表示0-9 a-z任意一个字符
    • [0-9a-zA-Z] ：表示0-9 a-z A-Z任意一个字符
    • [abcd] ：表示a 或b 或c 或 d
    • [1234] ：表示 1 或2 或3 或 4
    • [^a-z] ：表示匹配除了a-z之间任意一个字符
    • [^0-9] ：表示匹配除了0-9之间任意一个字符
    • [^abcd] ：表示匹配除a b c d 之外的任意一个字符
    • \d ：匹配一个数字字符。[0-9]
    • \D ：匹配一个非数字字符。[^0-9]
    • \w ：匹配包括下划线的任何单词字符。[0-9a-zA-Z_]
    • \W ：匹配任何非单词字符。[^\w]
    • \s ：匹配任何空白字符 空格、制表符、换行符
    • \S ：匹配任何非空白字符。
    • . ：匹配除 “\n” 之外的任何单个字符 如果想匹配任意字符 [.\n]

3、定位符

定位符可以将一个正则表达式固定在一行的开始或结束。也可以创建只在单词内或只在单词的开始或结尾处出现的正则表达式。
^ 匹配输入字符串的开始位置
$ 匹配输入字符串的结束位置
\b 匹配一个单词边界
\B 匹配非单词边界

例1：

<script>

    var str='hello,php!你好JavaScript\_,123,javA!';
    //var reg=/[0-9]/gi;    //1,2,3
    //var reg=/[A-Z]/g;     //J,S,A 注意：这里没有i标识
    //var reg=/[hp2r]/g;    //h,p,h,p,r,p,2 
    //var reg=/[^a-z2]/g;   //匹配除了a-z和数字2之外的任意一个字符  
    //var reg=/\D/g;        //匹配非数字
    //var reg=/\w/gi;       // 匹配大小写字母、数字、下划线
    var reg=/./gi;          //匹配所有字符，除了\n
    alert(str.match(reg));

</script>

例2：验证年龄

<script>

 /\*var str='18';
 var reg=/^\d\d$/gi;
 alert(reg.test(str));\*/

</script>

4、转义符

\ 用于匹配某些特殊字符

例1：

    var str='hello,my name is .zhangsan.';
    var reg=/\./gi;
    alert(str.match(reg));

上题中，如果直接使用 /./ 匹配的是任意一个字符，我们只想匹配字符‘.’，所以需要转义
需要的转义字符：
(
)
[
]
{
}
\
.
/
*
+
?
^
$

5、选择匹配符
| 可以匹配多个规则
代码：

<script>

var str='hello,javascript.hello,php.';
 //var reg=/hello,javascript|php/gi; 
 //hello,javascript,php
var reg=/hello,(javascript|php)/gi; 
 //hello,javascript,hello,php
alert(str.match(reg));


</script>

六、关于正则表达式的几种特殊用法

1、(?=)

正向预查

2、 (?!)
负向预查

3、 (?😃

匹配内容，结果不被捕获

script>

    /*var str='李东超好人,李东超大侠。李东超帅哥！';
    //我想查询不是“好人”前面的名字
    var reg=/李东超(?!好人)/gi;
    alert(str.match(reg));
    alert(RegExp.lastIndex);*/

    var str='hellojavascript,hellophp,hellojava,helloajax';
    var reg=/hello(?:javascript|php)/gi;
    var result;
    while(result=reg.exec(str)){
        alert(result);
    }

</script>

上题中，(javascript|php)会被当做子表达式来处理，内容会被捕获，但在程序中，捕获的内容没有任何用途，这种情况下，可以使用（?:）符合，让系统不去捕获子表达式匹配的内容

七、正则学习工具
这里写图片描述
代码：

<head>
    <script language='javascript' src='public.js'></script>
    <script>
 window.onload=function(){

 $('btn1').onclick=function(){
 var content=$('content').value;
 var exp=$('exp').value;
 var reg=eval('/'+exp+'/gi');
 var result=reg.test(content);
 $('result').value=result;
 };

 $('btn2').onclick=function(){
 var content=$('content').value;
 var exp=$('exp').value;
 var reg=eval('/'+exp+'/gi');
 var result;
 $('result').value='';
 while(result=reg.exec(content)){
 $('result').value+=result+'\n';
 }
 };
 $('btn3').onclick=function(){
 var content=$('content').value;
 var exp=$('exp').value;
 var reg=eval('/'+exp+'/gi');
 $('result').value=content.search(reg);

 };
 $('btn4').onclick=function(){
 var content=$('content').value;
 var exp=$('exp').value;
 var reg=eval('/'+exp+'/gi');
 $('result').value=content.match(reg);
 };
 $('btn5').onclick=function(){
 var content=$('content').value;
 var exp=$('exp').value;
 var reg=eval('/'+exp+'/gi');
 $('result').value=content.replace(reg,'\*');
 };
 $('btn6').onclick=function(){
 var content=$('content').value;
 var exp=$('exp').value;
 var reg=eval('/'+exp+'/gi');
 $('result').value=content.split(reg);
 };

 };
 </script>
</head>
<body>
内容：<input type='text' id='content' size=60><br><br>
正则：<input type='text' id='exp' size=40><br><br>
结果：<textarea id='result' cols='60' rows='8'></textarea><br><br>
<input type='button' id='btn1' value='test'>
<input type='button' id='btn2' value='exec'>
<input type='button' id='btn3' value='search'>
<input type='button' id='btn4' value='match'>
<input type='button' id='btn5' value='replace'>
<input type='button' id='btn6' value='split'>
</body>

八、正则习题：
1、验证手机号是否有效

    var str='13890008000';
    var reg=/^13[0-35-9]\d{8}$/gi;
    if(reg.test(str)){
        alert('合法');
    }else{
        alert('不合法');
    }

2、验证邮箱是否有效

    var str='zhang.san@163.com.com.com.cn';
    var reg=/^[\w\.]+@(\w+\.)+[a-z]{2,4}$/gi;
    if(reg.test(str)){
        alert('合法');
    }else{
        alert('不合法');
    }

3、验证ip地址是否有效

    /\*1.1.1.1 
 0--255
 第一个段不能是0
 不能以0开头 如：086\*/

    var str='1.1.1.1';
    var reg=/^([1-9]|[1-9][0-9]|1[0-9][0-9]|
    2[0-4][0-9]|25[0-5])(\.([0-9]|[1-9][0-9]
    |1[0-9][0-9]|2[0-4][0-9]|25[0-5])){3}$/gi;

    if(reg.test(str)){
        alert('合法');
    }else{
        alert('不合法');
    }

九、结巴程序

结巴程序

我…我是是…一个个…帅帅帅帅…哥!”;

我是一个帅哥！

replace();

Try…catch语句

例1：

    var str='我我我...我我...是是...一一个个个个...帅帅帅帅帅帅帅帅帅帅哥！';
    var reg=/\./gi;
    //将所有.替换成空
    str=str.replace(reg,'');
    alert(str);
    //我我我我是是是是一个个个
    reg=/(.)\1+/gi;
    //使用1号缓冲区内容替换重复的内容
    str=str.replace(reg,'$1');
    alert(str);


## 算法

1. 冒泡排序

2. 选择排序

3. 快速排序

4. 二叉树查找: 最大值、最小值、固定值

5. 二叉树遍历

6. 二叉树的最大深度

7. 给予链表中的任一节点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   ![](https://img-blog.csdnimg.cn/img_convert/deea288f6912c565d05e4de99339496d.webp?x-oss-process=image/format,png)

>由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！


var str='我我我...我我...是是...一一个个个个...帅帅帅帅帅帅帅帅帅帅哥！';
var reg=/\./gi;
//将所有.替换成空
str=str.replace(reg,'');
alert(str);
//我我我我是是是是一个个个
reg=/(.)\1+/gi;
//使用1号缓冲区内容替换重复的内容
str=str.replace(reg,'$1');
alert(str);

算法

  1. 冒泡排序

  2. 选择排序

  3. 快速排序

  4. 二叉树查找: 最大值、最小值、固定值

  5. 二叉树遍历

  6. 二叉树的最大深度

  7. 给予链表中的任一节点，把它删除掉

  8. 链表倒叙

  9. 如何判断一个单链表有环

    [外链图片转存中…(img-JPE0CT2l-1718010811793)]

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

2401_85123638
关注
  • 30
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
JavaScript正则表达式的学习
qq_461491877的博客
11-09 482
JavaScript正则表达式的学习 1. 正则表达式概述 1.1 什么是正则表达式 ​ 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。 ​ 正则表达式通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。 ​ 此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)，比如京
JavaScript使用正则表达式获取全部分组内容的方法示例
11-27
本文实例讲述了JavaScript使用正则表达式获取全部分组内容的方法。分享给大家供大家参考，具体如下： 1. 需要使用正则表达式的exec 2. 需要循环 DEMO示例：（如下代码将输出 8 ， 9，两个匹配到的分组内容) <!...
JavaScript正则表达式实现注册信息校验
zhansan的博客
05-28 6337
Java和JavaScript正则表达式的对比 Java中也有正则表达式,默认情况下必须要精确匹配 ;而在JS中默认是模糊匹配，只要字符串包含了正则表达式的内容就返回true 正则表达式 匹配字符串 Java中匹配结果 JavaScript中匹配结果 \d{3} a123b false true ^\d{3} 123b false true \d{3}$ a123 false true ^\d{3}$ 123 true true 注册信息校验 需求 在JS中使用正则表达
JS（JavaScript） 数据校验 正则表达式
分享式获得也是一种学习的态度
07-03 1298
正则表达式是一门独立的语言，有自己的语法，用来检测指定字符串是否符合特定的规则正则表达式就是用来定义规则的，全称为Regular ExpressionJavaScript中提供了RegExp对象，表示正则表达式创建正则表达式对象的方式有两种使用字面量定义举例//a是定义的匹配规则，i是忽略大小写//通过reg的test函数进行验证使用构造函数定义举例//定义正则表达式，注意这里的双斜杠中的内容不能以变量传入，只能直接写入//a是定义的匹配规则，i是忽略大小写。
正则表达式
橘颂的博客
09-02 250
正则表达式
JavaScript正则表达式之multiline属性的应用
11-30
在JavaScript中，正则表达式（Regular Expression）是一种强大的文本处理工具，用于匹配字符串模式。在处理多行文本时，`multiline`属性扮演了关键角色。`multiline`属性是正则表达式对象的一个只读布尔属性，它决定...
JavaScript正则表达式中的ignoreCase属性使用详解
01-19
ignoreCase是正则表达式对象的只读布尔属性。它指定是否一个特定的正则表达式执行不区分大小写的匹配。，它与“i”属性创建。 语法 RegExpObject.ignoreCase 下面是参数的详细信息： NA 返回值: 如果“i”修改被...
详解JavaScript正则表达式中的global属性的使用
12-02
global是正则表达式对象的只读布尔属性。它指定是否一个特定的正则表达式进行全局匹配。否则它使用“g”属性创建。 语法 RegExpObject.global 下面是参数的详细信息： NA 返回值: 如果“g”修改被设置返回“TRUE...
JS正则表达式封装与使用操作示例
01-19
本文实例讲述了JS正则表达式封装与使用操作。分享给大家供大家参考，具体如下： 对一些简单的输入进行正则判断的整理，待优化 <!DOCTYPE html> <html> <head lang=en> <meta charset=UTF-8> ...
Next.js静态导出与动态路由优化
天涯学馆
07-20 1053
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 416
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
【React 】开发环境搭建详细指南
lph159的博客
07-24 856
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 1004
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
VUE中的重点*
qq_61132537的博客
07-22 908
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 988
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
vue如何解决跨域？
FENGZXCjjjjj的博客
07-21 511
在Vue.js项目中，当你的前端应用尝试从与自身不同源的服务器（协议、域名、端口中的任一不同）加载资源时，可能会遇到跨域（CORS, Cross-Origin Resource Sharing）问题。
thinkphp8结合layui2.9 图片上传验证
quweiie的专栏
07-21 321
thinkphp8图片上传的验证
Angular由一个bug说起之八：实践中遇到的一个数据颗粒度的问题
最新发布
KenkoTech的博客
07-24 353
之所以使用这种比较直接的方式是因为项目中的数据类型已经确定，而且对数字的处理逻辑没有统一在一个文件中。这是大型项目经常遇到的问题，起到相同作用的代码因为一些小的差别而分别写在管理各自功能的文件里。文件存入数据库，这样我们就可以统一维护一个表，不管是前端来处理数据还是后端来处理都能遵守相同的规则。针对这篇文章提到的数字缩写的问题，可以有两种处理方案。来展示数据的功能，这些数据根据不同的类型和单位会为其加上前缀、后缀或者省略小数。
html怎么加入正则表达式
10-13
<title>正则表达式示例</title> window.onload = function() { var links = document.getElementsByTagName("a"); for (var i = 0; i ; i++) { var link = links[i]; if (/^https?:\/\//.test...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值