javaScript 10 正则表达式(了解即可,后面都用插件)

简介: javeScript中正则的常见用法与正则插件的分享

一、正则表达式概念

概念:

正则表达式(Regular Expression)描述了一种字符串匹配的模式

  • 可以用来检查一个字符串中是否含有某种子串,比如 Hello World中是否含有大写字母
  • 将匹配的子串做替换,比如将 this is javascript中每个单词首字母变为大写
  • 验证字符串是否符合条件,比如 验证输入的用户名是否是由数字字母组合而成的
  • .......
  • 正则表达式本身是一门独立的技术,可以被大多数编程语言所使用,如Javascript、PHP、Java…

作用:

  • 表单验证(匹配)最重要
  • 过滤敏感词(替换)
  • 字符串中提取我们想要的部分(提取)

二、定于正则

写在/ /即可

const 变量名 = /表达式/

1.test方法

使用方法:

正则对象.test(被检测的字符串)

举个例子

91130c74fcd847e681077efe14b60121.png

注意点:

正则表达式与指定的字符串匹配 ,返回true,否则false

2.exec方法

正则对象.exec(被检测的字符串)

554fa0bfd4a8461a9672241a2262b73c.png

注意点:

  • 如果匹配失败,返回 null
  • 如果匹配成功,返回一个数组

3.边界符

问:如何确定一个字符串以某个字符开头?

^

问:如何确定一个字符串以某个字符结尾?

$

4.量词

量词用来 设定某个模式出现的次数

ea292ff0c83b42e9956f4e69d58f36d1.png

5.字符类

能够使用字符类匹配相应的字符

2196e0a905834d069757de8999b7fe42.png

三、正则插件分享

在拓展商城搜索any-rule就可

5cf066dc406f4c38a997f7ef07b7a60a.png

右键直接点击正则大全,需要啥就搜啥就可以了

b37a9932caa944d7816f2e6d3facffcf.gif

相关文章
|
21天前
|
JavaScript 前端开发
javascript开发的简单的弹幕插件
这是一个原生javascript开发的简单的弹幕插件,具有美观、易用,占用的资源较低等特点,可以给弹幕设置内容、颜色、头像、链接地址等属性,鼠标悬停等,简单实用,欢迎下载!
37 5
|
1月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
101 1
|
22天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
30 0
|
1月前
|
存储 JSON JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
47 0
|
2月前
|
自然语言处理 JavaScript 前端开发
JavaScript 正则表达式
JavaScript 正则表达式
17 3
|
3月前
|
JavaScript 前端开发
js中通过正则表达式验证邮箱是否合法
这篇文章提供了一个JavaScript示例,通过正则表达式在网页上验证用户输入的邮箱地址是否合法,并给出了相应的提示信息。
js中通过正则表达式验证邮箱是否合法
|
3月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
107 1
|
3月前
|
JavaScript 前端开发 测试技术
[译] 用 Vue.js 3 Composition API 创建 i18n 插件
[译] 用 Vue.js 3 Composition API 创建 i18n 插件
|
4月前
|
JavaScript 前端开发 API
Chrome插件实现问题之 content_script.js能做什么
Chrome插件实现问题之 content_script.js能做什么
|
4月前
|
JavaScript
js好用的动态分页插件
js好用的动态分页插件是一款简单的分页样式插件,支持样式类型,当前页,每页显示数量,按钮数量,总条数,上一页文字,下一页文字,输入框跳转等功能。
41 1