热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JS正则表达式的基础用法

RegExp(正则表达式)对象正则表达式是一个描述字符模式的对象,可以处理更复杂的字符串。进行匹配替换。常用的修饰符:img使用方法:【声明方法一:newRegExp(value

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"]


推荐阅读
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 本文介绍了绕过WAF的XSS检测机制的方法,包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法,该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型(DOM)接收器和源、实施适当的跨域资源共享(CORS)策略和其他安全策略,可以有效阻止XSS漏洞。但是,WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制,构建与正则表达式不匹配的XSS payload。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 如何压缩网站页面以减少页面加载时间
    本文介绍了影响网站打开时间的两个因素,即网页加载速度和网站页面大小。重点讲解了如何通过压缩网站页面来减少页面加载时间。具体包括图片压缩、Javascript压缩、CSS压缩和HTML压缩等方法,并推荐了相应的压缩工具。此外,还提到了一款Google Chrome插件——网页加载速度分析工具Speed Tracer。 ... [详细]
  • loader资源模块加载器webpack资源模块加载webpack内部(内部loader)默认只会处理javascript文件,也就是说它会把打包过程中所有遇到的 ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • 正则表达式及其范例
    为什么80%的码农都做不了架构师?一、前言部分控制台输入的字符串,编译成java字符串之后才送进内存,比如控制台打\, ... [详细]
  • 基于php常用正则表达式的整理汇总【PHP】
    后端开发|php教程php,常用正则表达式后端开发-php教程正则表达式3m互助直销系统源码,传感器ubuntu,在家无聊如何爬虫,phpuniquid,康华seo推广lzw如下所 ... [详细]
author-avatar
玩心跳2502893007
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有