首页 >> 经验问答 >

js正则表达式

2025-09-14 07:01:08

问题描述:

js正则表达式,在线等,求大佬翻我牌子!

最佳答案

推荐答案

2025-09-14 07:01:08

js正则表达式】在JavaScript中,正则表达式(Regular Expression)是一种强大的工具,用于匹配、查找、替换字符串中的特定模式。它广泛应用于表单验证、文本处理、数据提取等场景。掌握正则表达式的使用,可以大大提高开发效率和代码的灵活性。

以下是对JavaScript正则表达式的一些关键点总结,并以表格形式展示其常用方法和功能。

一、JS正则表达式基础

概念 说明
正则表达式 一种描述字符串模式的语法,用于匹配、查找或替换文本内容
字面量写法 `/pattern/flags`,如 `/abc/i`
构造函数写法 `new RegExp("pattern", "flags")`,如 `new RegExp("abc", "i")`
标志(flags) `g`(全局匹配)、`i`(不区分大小写)、`m`(多行匹配)

二、常用正则表达式方法

方法 说明 示例
`test()` 测试字符串是否匹配正则表达式,返回布尔值 `/abc/.test("abc123")` → `true`
`match()` 在字符串中查找匹配项,返回数组 `"abc123".match(/\d+/)` → `["123"]`
`replace()` 替换字符串中匹配的部分 `"hello world".replace(/world/, "JS")` → `"hello JS"`
`search()` 查找字符串中匹配正则表达式的位置,返回索引 `"abc123".search(/\d+/)` → `3`
`split()` 根据正则表达式分割字符串 `"a,b,c".split(/,/)` → `["a", "b", "c"]`

三、常见正则表达式符号

符号 说明 示例
`^` 匹配开头 `/^abc/` 匹配以 "abc" 开头的字符串
`$` 匹配结尾 `/abc$/` 匹配以 "abc" 结尾的字符串
`\d` 匹配数字 `/^\d{3}$/` 匹配三位数字
`\w` 匹配字母、数字或下划线 `/^\w+$/` 匹配一个或多个单词字符
`\s` 匹配空白字符(空格、换行等) `/^\sabc/` 匹配前面可能有空格的 "abc"
`[]` 匹配括号中的任意一个字符 `/[aeiou]/` 匹配元音字母
`` 前一个字符出现0次或多次 `/a/` 匹配零个或多个 "a"
`+` 前一个字符出现1次或多次 `/a+/` 匹配一个或多个 "a"
`?` 前一个字符出现0次或1次 `/a?b/` 匹配 "ab" 或 "b"
`()` 分组 `/(abc)+/` 匹配 "abc" 重复多次

四、正则表达式应用场景

场景 使用示例
表单验证 验证邮箱格式 `/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/`
数据提取 提取HTML标签内容 `/(.?)<\/title>/` </td></tr><tr><td> 文本替换 </td><td> 替换所有数字为星号 `"abc123".replace(/\d/g, "")` </td></tr><tr><td> 内容过滤 </td><td> 过滤敏感词 `/badword/i` </td></tr></tbody></table><p>五、注意事项</p><p>- 正则表达式是“贪婪”的,除非使用 `?` 进行非贪婪匹配。</p><p>- 使用 `g` 标志时,需注意 `lastIndex` 属性的影响。</p><p>- 复杂的正则表达式容易出错,建议使用在线测试工具进行调试。</p><p>通过合理使用JavaScript中的正则表达式,可以高效地处理各种字符串操作任务。熟练掌握其语法和用法,是提升前端开发能力的重要一步。</p><style>table,tr{width: 100%;text-align: center;color: #333;font-size: 16px;line-height: 1.8em;margin-bottom: 32px;border: 1px solid #333;empty-cells:show;}table tr th {border: 1px solid #333;text-align: center;font-weight: 600;background: #eee;}table tr td {border: 1px solid #333;text-align: center}</style> </div> </div> </div> <div class="article_footer clearfix"> <div class="fr tag"> 标签: <a href="https://www.xwcm.net/tag/jszhengzebiaodashi/" target="_blank">js正则表达式</a> </div> </div> <p class="banquan">  <span class="strong" >免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。</span></p> </div> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_tag_under9();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;"><script>pc_show_tag_under();<\/script><\/div>'); } </script> <div style="margin-top:40px;"> </div> <script type="text/javascript" src="https://www.xwcm.net/statics/sg/js/popup.js"></script> <div class="fl" style="width:100%; margin-top: 15px;position: relative;"> <span style="float:left; line-hight:30px; padding-top:10px; font-weight: bold;">分享:</span> <span> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["weixin","tsina","qzone","sqq","douban","tieba","copy"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","qzone","sqq","douban","tieba","copy"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </span> </div> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span>相关阅读</span></div> <div> <ul> <li><a href="https://car.xwcm.net/zhgt/202509/599786.html" title="js正则表达式" target="_blank">js正则表达式</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599778.html" title="鬼吹灯之精绝古城演员表及演员介绍" target="_blank">鬼吹灯之精绝古城演员表及演员介绍</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599766.html" title="GT740M显卡怎么样玩游戏能玩到什么水平的" target="_blank">GT740M显卡怎么样玩游戏能玩到什么水平的</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599748.html" title="牛皮纸的规格介绍" target="_blank">牛皮纸的规格介绍</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599742.html" title="钱塘江潮水有几种" target="_blank">钱塘江潮水有几种</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599727.html" title="JQTG410说明" target="_blank">JQTG410说明</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599718.html" title="为什么叫兰花指" target="_blank">为什么叫兰花指</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599703.html" title="GS300属于什么档次" target="_blank">GS300属于什么档次</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div class="nr_div_title"><span>搜索推荐</span></div><div style="text-align:center;margin-top:10px;"><script>wap_show_sosuo();<\/script><\/div>'); }else{ } </script> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span> </span></div> <div> <ul> <li><a href="https://car.xwcm.net/zhgt/202509/599694.html" title="闺蜜之歌歌词" target="_blank">闺蜜之歌歌词</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599680.html" title="钱袋子的寓意和象征" target="_blank">钱袋子的寓意和象征</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599669.html" title="牛奶主要成分是什么" target="_blank">牛奶主要成分是什么</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599659.html" title="JOJO的奇妙冒险" target="_blank">JOJO的奇妙冒险</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599640.html" title="为什么家里不能养斗鱼" target="_blank">为什么家里不能养斗鱼</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599635.html" title="gregory是什么牌子" target="_blank">gregory是什么牌子</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599623.html" title="龟兔赛跑的故事简短" target="_blank">龟兔赛跑的故事简短</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599605.html" title="前央视主持人马斌现状" target="_blank">前央视主持人马斌现状</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_artlist1();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;margin: 10px 0px;"><script>pc_show_like_under();<\/script><\/div>'); } </script> <div class="nr_div mt10"> <div class="nr_div_title"><span>最新文章</span></div> <ul class="nr_div_list"> <li class="nr_div_list_item"> <div class="title"><a href="https://www.xwcm.net/csiwd/202509/599777.html" title="鬼吹灯之精绝古城下一部简介" target="_blank">鬼吹灯之精绝古城下一部简介</a></div> <div class="description">【鬼吹灯之精绝古城下一部简介】《鬼吹灯之精绝古城》是天下霸唱所著的“鬼吹灯”系列小说中的第一部,讲述了...<a href="https://www.xwcm.net/csiwd/202509/599777.html" title="鬼吹灯之精绝古城下一部简介" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://xt.xwcm.net/jxzh/202509/599776.html" title="gt9400" target="_blank">gt9400</a></div> <div class="description">【gt9400】总结:GT9400 是一款由 NVIDIA 推出的入门级显卡,主要面向对图形性能要求不高的用户。虽然它的...<a href="https://xt.xwcm.net/jxzh/202509/599776.html" title="gt9400" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://hnmn.xwcm.net/zhjx/202509/599775.html" title="gt9300显卡" target="_blank">gt9300显卡</a></div> <div class="description">【gt9300显卡】总结:GT9300显卡是NVIDIA在2010年推出的一款入门级显卡,基于GK104核心,属于GeForce GTX 90...<a href="https://hnmn.xwcm.net/zhjx/202509/599775.html" title="gt9300显卡" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://video.xwcm.net/shbk/202509/599774.html" title="gt755m相当什么显卡" target="_blank">gt755m相当什么显卡</a></div> <div class="description">【gt755m相当什么显卡】NVIDIA GeForce GT 755M 是一款发布于2013年的移动显卡,属于GeForce 7系列中的中...<a href="https://video.xwcm.net/shbk/202509/599774.html" title="gt755m相当什么显卡" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://nx.xwcm.net/jxwd/202509/599773.html" title="gt750m怎么样" target="_blank">gt750m怎么样</a></div> <div class="description">【gt750m怎么样】NVIDIA GeForce GT 750M 是一款发布于2013年的中端移动显卡,主要面向笔记本电脑用户。虽...<a href="https://nx.xwcm.net/jxwd/202509/599773.html" title="gt750m怎么样" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://cx.xwcm.net/bkcs/202509/599772.html" title="GT750M相当于什么显卡" target="_blank">GT750M相当于什么显卡</a></div> <div class="description">【GT750M相当于什么显卡】NVIDIA GeForce GT 750M 是一款在2013年左右发布的中端移动显卡,主要用于笔记本...<a href="https://cx.xwcm.net/bkcs/202509/599772.html" title="GT750M相当于什么显卡" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://shlx.xwcm.net/zsjx/202509/599771.html" title="gt750m显存多少" target="_blank">gt750m显存多少</a></div> <div class="description">【gt750m显存多少】NVIDIA GeForce GT 750M 是一款发布于2013年的中端移动显卡,主要用于笔记本电脑。虽然...<a href="https://shlx.xwcm.net/zsjx/202509/599771.html" title="gt750m显存多少" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://jr.xwcm.net/jxnr/202509/599770.html" title="gt750m" target="_blank">gt750m</a></div> <div class="description">【gt750m】NVIDIA GeForce GT 750M 是一款发布于2013年的入门级显卡,主要面向中端笔记本电脑市场。它基于...<a href="https://jr.xwcm.net/jxnr/202509/599770.html" title="gt750m" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://hnmr.xwcm.net/bkdt/202509/599769.html" title="gt740显卡性能" target="_blank">gt740显卡性能</a></div> <div class="description">【gt740显卡性能】NVIDIA GeForce GT 740 是一款面向入门级用户的独立显卡,发布于2013年,基于Kepler架构...<a href="https://hnmr.xwcm.net/bkdt/202509/599769.html" title="gt740显卡性能" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://gy.xwcm.net/bkzs/202509/599768.html" title="gt740m这个显卡怎么样" target="_blank">gt740m这个显卡怎么样</a></div> <div class="description">【gt740m这个显卡怎么样】GT740M 是 NVIDIA 在 2013 年推出的一款入门级移动显卡,主要面向轻薄本和中低...<a href="https://gy.xwcm.net/bkzs/202509/599768.html" title="gt740m这个显卡怎么样" target="_blank" class="llqw">浏览全文>></a></div> </li> </ul> </div> <script type="text/javascript"> setTimeout(document.write("<script type='text/javascript' src='https://www.xwcm.net/statics/sg/js/cp.js'><\/script>"),2000); </script> </div> <!--右侧侧部分开始--> <div class="article_r"> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_1();pc_show_right_font();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">大家爱看</div> <ul class="look_list"> <li><a href="https://www.xwcm.net/csiwd/202509/599777.html" title="鬼吹灯之精绝古城下一部简介" target="_blank">鬼吹灯之精绝古城下一部简介</a></li> <li><a href="https://xt.xwcm.net/jxzh/202509/599776.html" title="gt9400" target="_blank">gt9400</a></li> <li><a href="https://hnmn.xwcm.net/zhjx/202509/599775.html" title="gt9300显卡" target="_blank">gt9300显卡</a></li> <li><a href="https://video.xwcm.net/shbk/202509/599774.html" title="gt755m相当什么显卡" target="_blank">gt755m相当什么显卡</a></li> <li><a href="https://video.xwcm.net/shbk/202509/599762.html" title="牛漆皮是什么皮" target="_blank">牛漆皮是什么皮</a></li> <li><a href="https://hnmr.xwcm.net/bkdt/202509/599755.html" title="牛皮纸胶带" target="_blank">牛皮纸胶带</a></li> <li><a href="https://video.xwcm.net/shbk/202509/599754.html" title="钱塘江大潮什么时候" target="_blank">钱塘江大潮什么时候</a></li> <li><a href="https://gy.xwcm.net/bkzs/202509/599753.html" title="牛皮纸价格" target="_blank">牛皮纸价格</a></li> <li><a href="https://fazhi.xwcm.net/zsjy/202509/599751.html" title="牛皮纸防锈纸厂家" target="_blank">牛皮纸防锈纸厂家</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599748.html" title="牛皮纸的规格介绍" target="_blank">牛皮纸的规格介绍</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right_banner();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">频道推荐</div> <ul class="look_list"> <li><a href="https://shlx.xwcm.net/zsjx/202509/599784.html" title="鬼吹灯之昆仑神宫剧情介绍是什么" target="_blank">鬼吹灯之昆仑神宫剧情介绍是什么</a></li> <li><a href="https://jr.xwcm.net/jxnr/202509/599782.html" title="鬼吹灯之昆仑神宫讲的什么" target="_blank">鬼吹灯之昆仑神宫讲的什么</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599778.html" title="鬼吹灯之精绝古城演员表及演员介绍" target="_blank">鬼吹灯之精绝古城演员表及演员介绍</a></li> <li><a href="https://jr.xwcm.net/jxnr/202509/599770.html" title="gt750m" target="_blank">gt750m</a></li> <li><a href="https://jr.xwcm.net/jxnr/202509/599757.html" title="牛皮纸胶带厂家直销" target="_blank">牛皮纸胶带厂家直销</a></li> <li><a href="https://hnmn.xwcm.net/zhjx/202509/599756.html" title="钱塘江大潮什么特点" target="_blank">钱塘江大潮什么特点</a></li> <li><a href="https://hnmr.xwcm.net/bkdt/202509/599745.html" title="钱塘江大潮的名诗" target="_blank">钱塘江大潮的名诗</a></li> <li><a href="https://gy.xwcm.net/bkzs/202509/599744.html" title="钱塘江大潮被称为天下奇观" target="_blank">钱塘江大潮被称为天下奇观</a></li> <li><a href="https://hnmn.xwcm.net/zhjx/202509/599739.html" title="jquery判断字符串包含" target="_blank">jquery判断字符串包含</a></li> <li><a href="https://nx.xwcm.net/jxwd/202509/599737.html" title="jquery介绍" target="_blank">jquery介绍</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_2();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">站长推荐</div> <ul class="look_list"> <li><a href="https://cx.xwcm.net/bkcs/202509/599785.html" title="鬼吹灯之昆仑神宫演员表" target="_blank">鬼吹灯之昆仑神宫演员表</a></li> <li><a href="https://www.xwcm.net/csiwd/202509/599783.html" title="js怎么删除表格的某一行" target="_blank">js怎么删除表格的某一行</a></li> <li><a href="https://hnmr.xwcm.net/bkdt/202509/599781.html" title="鬼吹灯之昆仑神宫简介" target="_blank">鬼吹灯之昆仑神宫简介</a></li> <li><a href="https://shlx.xwcm.net/zsjx/202509/599771.html" title="gt750m显存多少" target="_blank">gt750m显存多少</a></li> <li><a href="https://gy.xwcm.net/bkzs/202509/599768.html" title="gt740m这个显卡怎么样" target="_blank">gt740m这个显卡怎么样</a></li> <li><a href="https://www.xwcm.net/csiwd/202509/599765.html" title="gt740m显卡怎么样" target="_blank">gt740m显卡怎么样</a></li> <li><a href="https://hnmn.xwcm.net/zhjx/202509/599763.html" title="牛骑在马背上打一成语答案" target="_blank">牛骑在马背上打一成语答案</a></li> <li><a href="https://cx.xwcm.net/bkcs/202509/599750.html" title="钱塘江大潮观潮时间" target="_blank">钱塘江大潮观潮时间</a></li> <li><a href="https://www.xwcm.net/csiwd/202509/599747.html" title="牛皮纸厂家" target="_blank">牛皮纸厂家</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599742.html" title="钱塘江潮水有几种" target="_blank">钱塘江潮水有几种</a></li> <li><a href="https://gy.xwcm.net/bkzs/202509/599730.html" title="jquery表单验证" target="_blank">jquery表单验证</a></li> <li><a href="https://video.xwcm.net/shbk/202509/599729.html" title="为什么叫陆犯焉识" target="_blank">为什么叫陆犯焉识</a></li> <li><a href="https://www.xwcm.net/csiwd/202509/599725.html" title="jqs什么意思" target="_blank">jqs什么意思</a></li> <li><a href="https://cx.xwcm.net/bkcs/202509/599712.html" title="gsi是什么意思" target="_blank">gsi是什么意思</a></li> <li><a href="https://gy.xwcm.net/bkzs/202509/599707.html" title="gs5毛病最怕三个东西" target="_blank">gs5毛病最怕三个东西</a></li> <li><a href="https://jr.xwcm.net/jxnr/202509/599698.html" title="闺中密友什么意思" target="_blank">闺中密友什么意思</a></li> <li><a href="https://car.xwcm.net/zhgt/202509/599694.html" title="闺蜜之歌歌词" target="_blank">闺蜜之歌歌词</a></li> <li><a href="https://xt.xwcm.net/jxzh/202509/599683.html" title="牛脑最好的三个吃法" target="_blank">牛脑最好的三个吃法</a></li> <li><a href="https://nx.xwcm.net/jxwd/202509/599679.html" title="牛腩是什么东西" target="_blank">牛腩是什么东西</a></li> <li><a href="https://shlx.xwcm.net/zsjx/202509/599676.html" title="牛腩炖萝卜怎样做好吃又简单" target="_blank">牛腩炖萝卜怎样做好吃又简单</a></li> </ul> </div> <div class="block2"></div> </div> <!--右侧部分结束--> </div> </div> <div class="clearfix"></div> <script> if (isMobile()){ document.write('<script>wap_show_button_under();<\/script>'); } </script> <div class="footer"><div class="main"> <div class="copylink"> <p class="link"> <a href="https://www.xwcm.net/about.html" target="_blank">关于我们</a><span>|</span> <a href="https://www.xwcm.net/lxfs.html" target="_blank">联系方式</a><span>|</span> <a href="https://www.xwcm.net/bqsm.html" target="_blank">版权声明</a><span>|</span> <a href="https://www.xwcm.net/mzsm.html" target="_blank">免责声明</a><span>|</span> </p> </div> <div id="copy" class="graylink"> Copyright © 2007-2025 www.xwcm.net All Right Reserved. 版权所有 新传媒网 工信部网站备案编号:<a href="http://beian.miit.gov.cn" target="_blank">闽ICP备20009419号-41</a> </div> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?f2ebbbd012a4e75ab1a5ef58c89538912129b24ab6d8d29de966cbd3f43ef099c112ff4abe50733e0ff1e1071a0fdc024b166ea2a296840a50a5288f35e2ca42"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> </div> </div> </body> </html>