分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

JS正则表达式从入门到入土(4)—— 预定义类与边界

发布时间:2023-09-06 02:02责任编辑:白小东关键词:正则

预定义类

正则表达式提供预定义类来匹配常见的字符类

字符等价类含义
.[^\r\n]除了回车符和换行符以外的所有字符
\d[0-9]数字字符
\D[^0-9]非数字字符
\s[\t\n\x0B\f\r]空白符
\S[^\t\n\x0B\f\r]非空白符
\w[a-zA-Z_0-9]单词字符(字母、数字、下划线)
\W[^a-zA-Z_0-9]非单词字符

使用预定义类可以快速匹配目标,如:匹配一个ab+数字+任意字符,使用字符类、范围类需要书写大量的代码,而使用预定义类只需要这样写:

/ab\d/

边界

正则表达式还提供了几个常用的边界匹配字符

字符含义
^以xxx开始
$以xxx结束
\b单词边界
\B非单词边界

当我们只想匹配一段话中中的部分单词而不是单词中的字母时,边界往往很有用

单词边界与非单词边界

有时,我想匹配一句话中的is单词,而不想匹配在单词中的is字母,此时,使用单词边界可以轻松解决这个问题:

let text = ‘This is a boy‘let reg1 = /is/glet reg2 = /\bis\b/gtext.replace(reg1, ‘IS‘) ???// 没有使用单词边界\b区分,结果为:ThIS IS a boytext.replace(reg2, ‘IS‘) ???// 使用了单词边界进行区分,结果为:This IS a boy

而当我只想匹配作为单词结尾的is时,该怎么办?此时可以机智的混用单词边界与非单词边界:

let text = ‘This is a boy‘let reg3 = /\Bis\b/gtext.replace(reg3, ‘IS‘) ???// ThIS is a boy

^ 和 $ —— 开始与结尾

很多使用,我们会想匹配开头或结尾的字符,使用^$可以完美的解决这个问题:

let text = ‘@123@abc@‘let reg1 = /@/gtext2.replace(reg1, ‘Q‘) ???// 没有使用^和$,匹配了所有的@,结果为:Q123QabcQlet reg2 = /^@/gtext.replace(reg2, ‘Q‘) ????// 使用^匹配开头的@,结果为:Q123@abc@let reg3 = /@$/gtext.replace(reg3, ‘Q‘) ????// 使用$匹配结尾的@,结果为:@123@abcQ

tips:实际使用中^需要写在匹配项的前方,而$需要卸载匹配项的后方

在多行的情况下使用^和$

在多行的情况下,使用m进入多行模式才能匹配到每行的开头和结尾匹配字符:

let text = ‘@123\n@456\n@789‘let reg1 = /^@\d/gtext.replace(reg1, ‘Q‘) ?????/* ???由于换行实际上只是一个换行符字符,在正常模式下,依然看做一段字符 ???结果为: ???Q23 ???@456 ???@789*/let reg2 = /^@\d/gmtext.replace(reg2, ‘Q‘)/* ???添加了m进入多行模式: ???结果为: ???Q23 ???Q56 ???Q89*/

JS正则表达式从入门到入土(4)—— 预定义类与边界

原文地址:https://www.cnblogs.com/karthuslorin/p/9261213.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved