正则表达式 以字符串结尾_正则表达式A 方法及特殊字符用法

"本文详细介绍了正则表达式的基本概念、创建方法和常用操作,包括test、exec、match、search、split和replace等方法的使用。通过实例展示了特殊字符如.、*、+、?、[]、w、W、d、D、s以及{}
摘要由CSDN通过智能技术生成
02bd0adcd4d247e82e90c6c6bad38b8b.png   课程大纲  1.正则表达式的概念及作用 2.正则表达式的创建方法 3.正则表达式的用法 aad053688c6b4b10c810b948389bf024.png 正则表达式概念: 正则表达式是由普通字符及特殊字符组成的对字符串进行过滤的逻辑公式 aad053688c6b4b10c810b948389bf024.png 正则表达式的创建方式: 1.字面量方式创建 (隐式创建): var reg = /正则表达式/gi; 2.构造函数方式 (显示创建): var regExp = new RegExp( “正则表达式”,”gi” ); 我们来实际编写一下: fa3b224a28f436c6189e5ddd38135afb.png 运行结果如下: 0294b41ea909f2e195b53bb28a500e41.png test方式:是用来检测字符串中是否含有符合规则的子字符串。有就返回 true;没有返回false 除了正则表达式这种书写方式呢,通常我们需要给正则表达式添加一些修饰符 aad053688c6b4b10c810b948389bf024.png 正则表达式修饰符: 也就是我们上面创建方式的最后两个字符g和i g:表示全局匹配 i:表示忽略大小写 我们来编写一下: b008c8c18174f01709fd858c93805805.png 运行结果如下: 17bd2007af625e63374f16cbefc92d43.png math方法:字符串方法,在字符串内找符合条件的值,或者找一个或多个正则表达式 如果我们不加g,就会返回一个abc 再来看一下i的编写: 如果我们只写i 4fb771497994ffdd2ec9f10af2a5dc85.png 那么运行结果仍然是1个,因为没有加全局变量: 2ee30e1a03a189acc91ff5e46195c722.png 这就需要g和i的同时使用,才可以全部取到: eb2dcc81f0b13d41f10ef42ec2ff1405.png 运行结果如下: a4210ff69321d1da797096336bd24ebd.png 不分大小写全部获取,这时输出结果正确 aad053688c6b4b10c810b948389bf024.png 除了test和match方法以外: seach:字符串方法,用于查找符合规则的子字符串的位置,只返回第一个匹配的位置 f8bc154e3a1d89ca75c8fa83d9c0e485.png 运行结果如下: 3fc67c6c976a1283a85b0c49bc4aa255.png split:字符串方法,以某某字符串进行分割 49fc647e4d8d4e1b8a9dbe777b6409d4.png 以!分割,运行结果如下: e07e0a3bf3e37b4c3d8494ec575a0c97.png replace:字符串方法,替换,第二个参数将第一个参数替换掉 859494882e27e5499835a10f8bcaa06b.png 用666替换tmd,运行结果如下: 2c3a8279f0e6ba331b3841767d2a295b.png exec:正则表达式的方法,将匹配成功的内容放到数组里,没有匹配成功返回null 737dd37b1ddc3c6fd585db8b8b6f2c4e.png exec方法需要多次写才能输出对应的结果,,运行结果如下: 08d46939199d85c32b6ffa6dbf579abd.png 这也是exec和match的区别 fc4fd30aa4f68341499035deb37b1f59.png   正则表达式特殊字符  . 除了换行符之外的所有单个字符 f42ef38b9858204d0193953c1c71ca88.png 运行结果如下: 如果g后面是一个点,g.g,返回的将是false 7d0d743ab62ce55987cee56016796130.png *  重复多次匹配,匹配任意( 0 - n次) af0779c69e2550e9c12e82e7d8c622e2.png 运行结果如下: 如果str中没有g或l或e,就会返回false,再多g也是true 969f9e961df0619a699c057fe6cc15ca.png +  表示至少匹配一次,至少有一个 66a2a164ee824a6755d05da003494938.png 运行结果如下: 如果str中为ggle,那么匹配结果就为true 5e3cc5b8661c490417d87f698e442a63.png ?  匹配0到1次匹配 6c819d7b4c8351012ebe276e57101571.png 运行结果如下: str中g再多,也是返回最多一次,最少0次的g 19d866eb1a11c4af2698b965b3106779.png [ ]  可以出现的范围 例如[0-9]表示0到9之间的整数 2861f72787b565dee0d91923793848ed.png 运行结果如下: 也可以测试a-z或者A-Z等等一些范围 74a0319c0987383e571232f0ebcf9b76.png \w  数字字母下划线,等同于上面匹配 [0-9a-ZA-Z_] 22fa717001af4d291e241848628236f1.png 运行结果如下: 只要是在[0-9a-zA-Z_]之内的都返回true c63285525db92ec1ed28e85903cb2539.png \W  表示与小写\w相反的结果 非 [0-9a-zA-Z_] 数字字母下划线都为true f0d33d3a91c37844a72fd3e3b60987d1.png 运行结果如下: 48b9ac40ba48697f5312352bf90f2df3.png \d  数字0-9,相当于[0-9] bb4a0d20d176d9dd0a54554d7084cea0.png 运行结果: 如何和上面写成\d+,就会将12345当做一个数组 d8bf1a3514f5cd8712355c65008f3015.png \D  和\d相反,非数字,非[0-9] 438b13d24e6467b838d99993e94910bc.png 运行结果如下: 如果12345后面有字母就会返回true 5f0da6e41055a860bd41a869a9914aba.png \s  匹配空格 af31ea33f7e426e7226e21da95582e5b.png 运行结果如下: 7a9676fcba185660de7c4462ceed53a1.png {m,n}  至少匹配m次,至多匹配n次 三种写法如下所示: 385acf3aaa12caae0671e1273c4eeee6.png 运行结果如下: 5098cb26ee0af1092e28eca869827c9b.png /^  匹配开始  $/匹配结尾 cb6251be4e0b81d9c0809c29c3d9a5f3.png 很明显,以e结尾,返回false: 如果将$后改为e就为true a5db0f52ad6183657731d78713eed017.png |  或 1f2a855be3c3f110dab3bd72989583ed.png 运行结果如下: 7f032bde93320e898b4ec21e949f4bc9.png ( )  分组,将内容作为一个整体进行匹配 ac24caccd494afce1ba735d6c75a669e.png 运行结果如下: bee48b0a225e50ec179b0667bec25e23.png 这个分组内容的获取对象是RegExp.$1 3a726cdf77f344e5d6904263ceafa631.png 运行结果如下: 180b93833a8ad51699de5655143b850e.png $1  $2等  获取对应的元素 1049eb68173f93b7c3c0b4181f250272.png 运行结果如下: 3d66b890ff05e8d7e1e9df0bc177bc92.png fc4fd30aa4f68341499035deb37b1f59.png 本节所讲到的: 正则表达式方法:test、 exec 字符串方法:match、search、split、replace、replace 格式: 正则方法是  定义的正则表达式 . 正则方法 (字符串); 字符串方法是  字符串 . 字符串方法 (定义的正则表达式); aad053688c6b4b10c810b948389bf024.png 特殊字符的用法: . //除了换行符之外的所有单个字符 *  //重复多次匹配 + //表示至少匹配一次 ? //匹配0到1 次 []  //可以出现的范围  例如[0-9]表示0到9之间的整数 \w  //数字字母下划线,等同于上面[0-9a-ZA-Z_] \W  //非数字字母下划线,非[0-9a-ZA-Z_] \d  //数字0-9,相当于[0-9] \D //非数字0-9,相当于非[0-9] \s  //匹配空格 {m,n}  //至少匹配m次,至多匹配n次 /^ //匹配开始  $/匹配结尾 | //或,匹配其中的一个 ( )  //分组,将内容作为一个整体进行匹配 $1  $2等  //获取对应的元素 aad053688c6b4b10c810b948389bf024.png - 写作不易,大家多多关注,谢谢啦- 308b9fb168215bfbab390cf09619c8c4.png ---web分享,分享的不只是web 23d5bf0314abbb9483004deb7593b87e.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值