Javascript正则表达式

文章目录

今年的第一篇javascript文章就是这个正则表达式了,之前的文章是转载别人的,不算自己的东西,可以忽略不计,最近突然想把转载别人的东西统统删掉,因为转载过的文章,我根本没有从中获得收获,纯粹是浪费时间,虽然说可以留着以后需要的时候来查看,可是这是一个非常不好的念头。今年我将不会再转载别人的一篇文章了,如果觉得有用,我会把它收藏到云笔记上,推荐使用印象笔记,比网易的云笔记好了N倍,谁用谁知道。

如果看到好的博客,我将会把它订阅到feedly里面,有空的时候就会翻出来看看他们写过的新技术和研究,看国外的博客需要用心和花费一点时间才能有收获。看博客的时候最关键还是需要动手操作,自己写一遍代码,胜过你读几遍文章。

正则表达式花费了很多时间,主要是我看视频总是不自觉的眼困,以后就专门用7:30分到9:30分来学习javascript了,无论是看书还是看视频,打算买一本精通Javascript书,电子版看着挺不错的。

什么是正则表达式

正则表达式(regular expression)是一个描述字符模式的对象。使用正则表达式可以进行强大的模式匹配和文本检索与替换功能。

创建正则表达式

创建正则表达式和创建字符串相似,创建正则表达式提供了两种方法,一种采用new运算符,另一种采用字面量方式。

1.var box = new RegExp('box'); 第一个参数字符串

var box = new RegExp('box','ig'); 第二个参数可选模式修饰符

参数含义
i忽略大小写
g全局匹配
m多行匹配

2,var box = /Box/; 使用字面量方式的正则

var box = /Box/ig; 第二个斜杠后加模式修饰符

测试正则表达式

RegExp对象包含两个常用方法:test()和exec(),功能基本相似,用于测试字符串匹配。

test()方法在字符串中查找是否存在指定的正则表达式,并返回布尔值,如果存在则返回true,否则返回false。

exec()方法也用于在字符串中查找指定正则表达式,如果exec()执行成功,则返回包含该查找字符串的相关信息数据,否则返回null。(返回结果数组)

var pattern = new RegExp('Box','i');
var str = 'box';
alert(pattern.test(str)); //true
var pattern = /Box/i;
var str = 'box';
alert(pattern.test(str)); //true
var pattern = /Box/i;
var str = 'This is a box';
alert(pattern.test(str)); //true
var pattern = /Box/i;
var str = 'box';
alert(pattern.exec(str)); box
返回的是数组,有就返回数组的值,没有匹配到就返回null
var str ='ss';
alert(pattern.exec(str)); 没有匹配到返回null

使用字符串的正则表达式方法

string对象也提供了4个使用正则表达式的方法

方法含义
match(pattern)在一个字符串中寻找一个与正则表达式模式(pattern)的匹配/返回pattern中的字串或者null
replace(pattern,replacement)用replacement替换pattern
search(pattern)返回与正则表达式(pattern)的匹配
split(pattern)返回字符串按指定pattern拆分的数组
var pattern = /Box/ig; //开启全局
var str = 'This is a Box';
alert(str.match(pattern)); //匹配所有
var pattern = /box/ig;
var str = 'This is a box! That is a Box too!';
alert(str.replace(pattern,'supperman'));
//This is a supperman! That is a supperman too';
var pattern= /!/ig;
alert(str.split(pattern)); //This is a supperman!, That is a supperman too !,

RegExp对象的属性

属性意义
$1(到$9)圆括号包围的字符串匹配
$_相当于input
$*相当于multiline
$&相当于lastMatch
$+相当于lastParen
$`相当于leftContext
$'相当于rightContext
constructor指定创建对象原型的函数
global全局搜索(使用g修饰符)
ignoreCase不区分大小写搜索(使用i修饰符)
input

如果没有传递字符串,这就是要搜索的字符串

lastIndex继续匹配的起始位置
lastMatch最后一个匹配的字符串
lastParen最后的圆括号包围的子字符串匹配
leftContext最近一个匹配字符串左边的子字符串
multiline是否跨多行搜索字符串
prototype允许在所有对象中添加属性
rightContext最近一个匹配字符串右边的子字符串
source正则表达式模式本身

JavaScript元字符

正则表达式元字符是包含特殊含义的字符,他们有一些功能,可以控制匹配模式的方式,反斜杠后的元字符将失去其特殊含义。

元字符/元符号匹配
\

在字面意义和特殊意义之间进行切换。例如w表示w的特殊意义而不是字面值w,但是$表示不使用$的特殊意义而是使用$字符本身

^字符串的开头
$字符串的结尾
*零次或者多次
+一次或者多次
?零次或者一次
.除换行符外的任何字符
\b单词边界
\B非单词边界
\d0-9的任何数字(与[0-9]相同)
D任何非数字
\f换页符
\n换行符
\r回车符
\s任何一个空白字符(与[fnrtv]相同)
\S任何一个非空白字符
\t制表符
\v垂直制表符
\w任何字母、数字以及下划线(与[a-zA-Z0-9_]相同)
\W除数字、字母及下划线外的其他字符

\xnn

十六进制数字nn定义的ASCII字符
\onn八进制数字nn定义的ASCII字符
\cX控制字符X
[abcde]与其中任何字符匹配的字符串
[^abcde]字符补集,与其中任何字符都不匹配的字符集
[a-e]与其中的字符范围匹配的字符集
[\b]退格字符的字面量意义(不同于b)
{n}前面的字符正好出现n次
{n,}前面的字符至少出现n次
{m,n}前面的字符至少出现m次,最多n次
()一个组,可以在后面引用它
x|yx或y

o+ 表示1个或者多个o

x? 表示0个或者1个x

x* 表示0个或者多个x

(xyz)+匹配至少一个(xyz)

x{m,n} 匹配至少m个,最多n个x

 

原创文章:Javascript正则表达式 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/javascript-regexp.html)

发表评论

请登录后发表评论:

“Javascript正则表达式”有2个评论

  1. 前端博客

    测试正常评论

    登录回复
  2. 前端博客

    详情看这里http://caibaojian.com/demo/javascript/regexp.html

    登录回复