JS正则表达式的基础用法

RegExp(正则表达式)对象

  正则表达式是一个描述字符模式的对象,可以处理更复杂的字符串。进行匹配替换。

常用的修饰符:
i/m/g

使用方法:
【声明方法一: new RegExp(value)】
var patt = new RegExp(value);【value】中放入想要检查的值
var res = patt.test("this is javascript course"); 检测这段话中是否存在【value】中的值,返回值为boolean类型。

【声明方法二: var patt = /value/】
var patt = /value/i :i表示不区分大小写


【test()函数:检测字符串中是否存在正则表达式模式对应的匹配,返回类型为布尔类型】
参数:string指定的字符串。
注意:每次执行test()函数,都只查找最多一次匹配,找到返回true,否则false。

【方括号用于查找某个范围内的值:/[value]/】
var res =/[abc]/.test("def") 返回值:如果test("value")中的值【存在】于/[abc]/中则返回true,否则false

【^符号表示查找不再该范围内的任何值/[^value/]】
var res =/[^abc]/.test("def") 返回值:如果test("value")中的值【不存在】于/[abc]/中则返回true,否则false


【元字符:它的逻辑是或逻辑,只要一个为真结果就为真】
【查找单个字符,除了换行和行结束符:/./】
例子:
res = /./.test("\n"); 返回false
res = /./.test("this is a test\n") 返回true

【查找单词字符:\w 小写】
例子:
res = /\w/.test("!#@"); 返回false,因为test("value")中不包含单词字符【a-zA-Z0-9】

【查找非单词字符:\W 大写】
例子:
res = /\W/.test("!#@abc"); 返回true,因为test("value")中包含了非单词字符,它的逻辑是或逻辑,只要一个为真结
果就为真。

【查找空白字符:\s 】
例子:
res=/\s/.test('hello world');


【查找非空白字符:\S 】
例子:
res=/\S/.test(" ");

【匹配单词边界:\b 单词边界指的是一个单词的左右两边,开始和结束】
例子: 通常不要两边都写
res = /\bValue/.test('good');返回true value在\b后面表示后面的值是否在最左边
res = /value\b/.test('good');返回true value在\b前面表示前面的值是否在最右边

【匹配非单词边界:\B 单词边界指的是一个单词的左右两边,开始和结束】
例子:value的值在\B的左右两边无所谓
res = /o\b/.test('good');返回true 因为o这个值不再test字符串的两边

【量词 -*/?】
【/value : 表示value中的值,匹配至少一次或多次】
例子:
res=/o /.test('google');

【/value*:* 表示value中的值,匹配>=0次】
例子:
res=/o*/.test('google');

【/value?:? 表示value中的值,匹配零次或一次】
例子:
res=/o?/.test('google');

【/^value/: ^ 不加方括号,表示value的值,在test中是否是第一位,是则返回true,否则返回false】
例子:
res=/^k/.test('ikkk'); 返回false,因为k的值不是第一位。

【/value$/:$ 表示匹配任何结尾为value的字符串】
例子:
res=/i$/i.test('hai'); 返回true 因为$前面的i在test中是最后一位

【/大写value$/:$ 表示匹配任何结尾为value的字符串,js中是区分大小写的,所以匹配不到】
例子:
res=/I$/i.test('hai'); 返回false 因为I是大写,test中没有I,所以返回false,可以通过i来给它变成不区分大小写

【/value{x}/:{x} 表示匹配包含X个n的序列的字符串;它也是或逻辑 如果前面的值不匹配,后面的值匹配它一样为true】
例子:
res=/o(?=w)/.test('helloworld'); 返回true; 表示o后面的值等于w,就相当于/ow/,然后该值在test中是否存在。
res=/o(?!w)/.test('helloworld'); 返回true; ?!w,相当于o的值后面有没有w,如果没有返回true,否则返回false,
由于它是或逻辑判断,第一个o后面有w,但是第二个o后面没有w,所有它返回true

【/\d/:\d 表示test中的值是否有数字】
例子:
res=/\d/.test('aajkldsfj8');//[0-9] 返回true,只要test中存在数字它就返回true。

【/\D/:\D 表示test中的值是否不存在数字】
例子:
res=/\D/.test('sdfkjllsdfj');//[^0-9] 返回true,只要test中存在数字它就返回true。


【exec()函数:在目标字符串中执行一次正则匹配操作,并将结果以数组的形式返回】
参数:string指定的字符串


【通过exec函数查找value】
res=/Is/i.exec('this is a test');
返回:["is", index: 2, input: "this is a test"]
意思为检索的值为is,index2是指它开始的位置,input是指被检索的整个字符串,因为加了i所以不区分大小写
因为它返回的是数组,可以使用res[0]来接收或显示在页面上,如果res[value]的大于上面数组的长度,它返回undefined

【lastIndex属性:】

定义:当正则表达式中有全局标志g,tet()函数不是从字符串的开头开始查找,而是从属性lastIndex所指定的位置出开始
查找,属性的默认值是0,所以它第一次仍然是从字符串开头查找,当找到一个匹配的时候,test()函数会将lastIndex的值改为本次匹配内
容的下一个的索引位置,当两次执行test()函数的时候,将会从该索引处查找,从而找到下一个匹配。
简单来说,就是test()执行第一次匹配到值的时候,它下一次会从上一次匹配之后继续检索。

【String通过match()函数也可以使用正则表达式】
例子:
var str='this is a test';
res=str.match(/IS/i); 检索出str中的IS,i不是不区分大小写。
返回值:["is", index: 2, input: "this is a test"]
它返回的值是一个数组类型,和exec()函数检索值一样。

【全局g】
例子:
var str='this is a test';
res=str.match(/IS/ig); 检索出str中的IS,i不是不区分大小写,g代表全局。
返回值:(2) ["is", "is"]
(2)表示存在多少个is,数组形式输出["is","is"]


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/361466.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JS获取屏幕浏览器网页高度和宽度属性

1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 4 网页可见区域高:document.body.offsetHeight (包括边线的宽) 5 网页正…

微信扫码进入小程序

这几天开发完小程序之后,需要实现微信扫码进入小程序,坎坎坷坷的过程终于实现了,现在做一总结: 1、配置二维码规则: 2、页面插入代码即可: onLoad: function(options) {console.log("index 生命周期 o…

使用用户名/密码和Servlet安全性保护WebSockets

RFC 6455提供了WebSockets安全注意事项的完整列表。 其中一些是在协议本身中烘焙的,其他一些则需要更多有关如何在特定服务器上实现它们的解释。 让我们谈谈协议本身内置的一些安全性: HTTP请求中的Origin头仅包含标识发起该请求的主体(网页…

文件的读取

这几天在研究文件读取问题&#xff0c;写了个小demo&#xff0c;如下&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title> </head> <body><input type…

关于stm32启动文件的选择

关于stm32启动文件的选择 1推荐- startup_stm32f10x_ld_vl.s: for STM32 Low density Value line devices - startup_stm32f10x_ld.s: for STM32 Low density devices - startup_stm32f10x_md_vl.s: for STM32 Medium density Value line devices - startup_stm32f10x_md.s: fo…

如何使用GZip和Jersey压缩Java REST API中的响应

在某些情况下&#xff0c;您的REST api会提供非常长的响应&#xff0c;我们都知道移动设备/网络上的传输速度和带宽仍然非常重要。 我认为这是开发支持移动应用程序的REST api时需要解决的第一个性能优化点。 你猜怎么了&#xff1f; 因为响应是文本&#xff0c;所以我们可以压…

C函数篇(recv函数)

简述 从一个套接口接收数据。表头文件&#xff1a;#include<sys/types.h>#include<sys/socket.h>int PASCAL FAR recv( SOCKET s, char FAR* buf, int len, int flags);s&#xff1a;一个标识已连接套接口的描述字。buf&#xff1a;用于接收数据的缓冲区。len&…

js文字排序的方法

拼音排序&#xff1a; var arr [{ a: 1, b: "我" }, { a: 1, b: "是" }, { a: 1, b: "帅" }, { a: 1, b: "哥" }, { a: 1, b: "你" }, { a: 1, b: "服" }, { a: 1, b: "不" }];arr.sort(function comp…

线程池之外:Java并发并不像您想象的那么糟糕

Apache Hadoop&#xff0c;Apache Spark&#xff0c;Akka&#xff0c;Java 8流和Quasar&#xff1a; 针对Java开发人员的经典用例以及最新的并发方法 关于并发性更新概念的讨论很多&#xff0c;但是许多开发人员还没有机会将他们的想法缠住。 在本文中&#xff0c;我们将详细介…

编写高质量的代码,改善c#程序的157个建议_之1~10

//编写高质量的代码&#xff0c;改善c#程序的157个建议# 1、正确操作字符串## 1* 确保尽量少的装箱* 避免分配额外的内存空间1. 会进行一次装箱C#string str1"str1"9;2. 没有装箱&#xff0c;调用的是整型的ToString方法C#string str2"str2"9.ToString();#…

vue中使用Ueditor编辑器 -- 1

一、 下载包&#xff1a; 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器&#xff0c;官网地址为&#xff1a;http://ueditor.baidu.com/website/download.html 下载解压后会得到如果下文件目录&#xff1a; 将上述Ueditor文件夹拷贝到vue项目的static文件夹中&#xff0…

编译原理--递归下降分析实验C++

一、实验项目要求 1.实验目的 根据某一文法编制调试递归下降分析程序&#xff0c;以便对任意输入的符号串进行分析。本次实验的目的主要是加深对递归下降分析法的理解。 2.实验要求 对下列文法&#xff0c;用递归下降分析法对任意输入的符号串进行分析&#xff1a; &#…

浅析路径遍历漏洞 文/饭

许多的Web应用程序一般会有对服务器的文件读取查看的功能&#xff0c;大多会用到提交的参数来指明文件名&#xff0c;形如&#xff1a;http://www.nuanyue.com/getfileimage.jgp 当服务器处理传送过来的image.jpg文件名后&#xff0c;Web应用程序即会自动添加完整路径&#xff…

摆脱困境:在DbUnit数据集中使用空值

如果我们正在为使用Spring Framework的应用程序编写集成测试&#xff0c;则可以通过使用Spring Test DbUnit将DbUnit与Spring测试框架集成。 但是&#xff0c; 这种集成并非没有问题 。 通常&#xff0c;我们必须在运行测试之前向数据库中插入空值&#xff0c;或者验证保存到…

artdialog5 bug

1.使用artdialog5时&#xff0c;使用两个输入框传值&#xff0c;一直无法取到值&#xff0c;使用简单的ID无法取到值&#xff0c;如idbranch..改为idbranch_str_dialog就可以了&#xff0c;问题是解决了&#xff0c;可是没有找到原因所在&#xff01; 转载于:https://www.cnblo…

vue中通过js控制页面样式方法

在使用vue.js框架的时候&#xff0c;有时候会希望在页面渲染完成之后&#xff0c;再执行函数方法来处理初始化相关的操作&#xff0c;如果只处理页面位置、宽或者高时&#xff0c;必须要在页面完全渲染之后才可以&#xff0c;页面没有加载完成之前&#xff0c;获取到的宽高不准…

Memcached入门指南

1 概览 Memcached是一个免费开源&#xff0c;高性能的&#xff0c;分布式内存对象缓存系统&#xff0c;为了加快动态web应用程序&#xff0c;减轻数据库负载。 Memcached是一个内存中的基于键/值存储任意数据小片段&#xff08;字符&#xff0c;对象&#xff09;&#xff0c;存…

css正則匹配、模糊匹配

//所有class包含font-red的p标签 p[class~"font-red"] {color: red;} [abc^"def"] 选择 abc 属性值以 "def" 开头的所有元素 [abc$"def"] 选择 abc 属性值以 "def" 结尾的所有元素 [abc*"def"] 选择 abc 属性值中…

快速指南:剖析JBoss BPM跨进程通信

&#xff08;文章来宾与北美红帽公司高级解决方案架构师杰伊保拉杰共同撰写&#xff09; 几周的提示与技巧文章将深入探讨JBoss BPM Suite&#xff0c;特别是有关如何在两个流程之间进行通信的问题。 在进入解决方案详细信息之前&#xff0c;让我们首先约束将要讨论的用例。 …

字符串中全角半角之间的转换

前几天&#xff0c;在做表单验证的时候&#xff0c;发现用户在输入表单内容的时候&#xff0c;正常情况下都是半角输入&#xff0c;但是也有可能是全角输入&#xff0c;所以就牵扯到全角输入内容的验证&#xff0c;这里便提供全角和半角之间的转换函数&#xff0c;与大家分享一…