JS的正则表达式如何使用

这次给大家带来js的正则表达式如何使用,使用js正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。

学好正则表达式很重要,下面是一些关于正则表达式的基本知识整理

 : 转义字符

^  : 匹配字符串开始位置

$  : 匹配字符串结束位置

*  : 匹配前面的表达式任意次

+  : 匹配前面的表达式一次或多次

?  : 匹配前面的表达式零次或一次

{n}  : 匹配确定的n次,n为非负整数

{n,}  : 匹配至少n次,n为非负整数

{n,m} : 匹配至少n次,至多m次,n和m均为非负整数且n

(*,+,{n,m})?  : 非贪婪匹配模式,尽可能少的匹配,例如“z+”可以匹配“zzzzz”,“z+?”只匹配到“z”

.  : 匹配除外任何单个字符

(pattern)  : 匹配pattern,并获取匹配,可以获取匹配到的结果,用-9表示,例如“(o)”匹配到“o”,“(o)”匹配到“oo”,“(d{3})”匹配到“123123”,不能匹配到“123456”

(?:pattern)  : 非获取匹配,匹配pattern,但不获取匹配结果

(?=pattern) : 非获取匹配,正向肯定预查,在任何匹配pattern的字符串开始处匹配查找字符串,该匹配不需要获取供以后使用,例如“test(?=123)”能匹配“test123”中的“test”,但不能匹配“test456”中的“test”

(?!pattern)  : 非获取匹配,正向否定预查,在任何匹配pattern的字符串开始处匹配查找字符串,该匹配不需要获取供以后使用,例如“test(?=123)”能匹配“test456”中的“test”,但不能匹配“test123”中的“test”

(?

(?

x|y  : 匹配x或y

[xyz]  : 匹配包含的任意一个字符

[^xyz]  : 匹配未包含的任意字符

 : 匹配一个单词边界,例如“on”能匹配“location”中的“on”,不能匹配到“component”中的“on”

B  : 匹配非单词边界,例如“onB”能匹配到“component”中的“on”,不能匹配到“location”中的“on”

d  : 匹配一个数字字符

D  : 匹配非数字字符

s  : 匹配任何不可见字符,相当于[]

S  : 匹配任何可见符,相当于[^]

学好正则不仅可以帮助我们减少代码量,还能解决很多复杂的需求,所以先打好基础才能向高阶攀爬

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Javascript的单例模式

flex布局详解

Javascript的观察者模式

Javascript的代理模式

以上就是JS的正则表达式如何使用的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2783172.html

(0)
上一篇 2025年3月8日 16:45:28
下一篇 2025年3月8日 16:45:32

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Angular和Vue.js对比分析

    Vue.js 是开源的 JavaScript 框架,能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时,Vue.js 的优秀功能会得到大大加强。如今,已有许多开发人员开始使用 Vue.js 来取代 Angular 和 Re…

    编程技术 2025年3月8日
    200
  • js中传递和拷贝详解

    我们知道js有几种基本的数据类型和其他的复杂数据类型包括(对象,数组,函数),基本数据类型的赋值其实就是值的拷贝,我们称之为值传递,赋值后的变量和原来的变量除了值相等之外并无其他关联。 let x = 666let y = xlet m =…

    编程技术 2025年3月8日
    200
  • JS实现集合去重交集并集差集功能实例分享

    本文主要和大家介绍了JS实现的集合去重,交集,并集,差集功能,结合实例形式分析了javascript基于数组实现的集合去重、交集、并集、差集等相关实现技巧,需要的朋友可以参考下,希望能帮助到大家。 1. js 实现数组的集合运算 为了方便测…

    编程技术 2025年3月8日
    200
  • webpack如何打包js

    webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。本文主要和大家介绍了webpack打包js的方法,在代码实践之前,先说一写webpack的基础知识。 1、为什…

    2025年3月8日
    200
  • Require.js详解

    这次给大家带来require.js详解,使用require.js详解的注意事项有哪些,下面就是实战案例,一起来看一下。 index.html nbsp;html>                    body        //将r…

    编程技术 2025年3月8日
    200
  • 讲解react.js中经常出现的问题以及解决方法

    React.js 是一个帮助你构建页面 UI 的库,我们对react.js经常出现的问题都做了一个总结,大家对react.js感兴趣的或者是不太了解的都可以参考一下哦!废话少说进入主题! 一、为什么return内多加一个标签后无法就无法再渲…

    编程技术 2025年3月8日
    200
  • webpack的使用详解

    这次给大家带来webpack的使用详解,使用webpack的注意事项有哪些,下面就是实战案例,一起来看一下。 1.安装 //全局安装npm install -g webpack//安装到你的项目目录npm install –save-de…

    编程技术 2025年3月8日
    200
  • react.js中的三元运算讲述

    本篇文章是关于react.js中的三元运算,对于react.js中的三元运算不熟悉或者是不了解的,我们可以一起来看看本篇文章!废话不那么多直接进入主题吧! 一.三元运算 //在js中定义一个style属性,可参见reactjs(一)var …

    编程技术 2025年3月8日
    200
  • class="no-js"是什么意思

    这次给大家带来class=”no-js”是什么意思,使用class=”no-js”的注意事项有哪些,下面就是实战案例,一起来看一下。 首先,确认no-js 是配合 Modernizr 一起使用…

    编程技术 2025年3月8日
    200
  • react.js实现动态字体颜色切换讲述

    本篇文章讲述了react.js是如何实现动态字体颜色切换的,大家对于react.js实现动态字体颜色切换不太熟悉的同学可以和我们一起来看看本篇文章,废话少说,我们直接看看react.js是如何实现动态字体颜色切换的吧! 有两种方式来实现动态…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论