首页 > 编程笔记 > JavaScript笔记 阅读:2

JavaScript正则表达式的用法(附带实例)

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。

通常来讲,正则表达式就是用来校验字符串是否满足一定规则的公式。

正则表达式的作用主要包括模式验证、匹配读取、匹配替换,具体如下:

JavaScript正则表达式基本语法

定义正则表达式,包括对象形式和直接量形式两种。

1) 对象形式:
// 类似创建数组可以使用 new Array(),创建对象可以使用 new Object()
var reg = new RegExp("a");

2) 直接量形式:
// 类似创建数组可以使用 [],创建对象可以使用 {}
var reg = /a/;

另外,正则表达式本身也是一个字符串,它由两种字符组成:普通字符和元字符:
正则表达式的字符集合包括以下三种不同的语法格式,如下表所示:

语法格式 示例 说明
[字符列表] 正则表达式[a-z]:表示目标字符串包含abc中的任何一个字符则匹配成功。如目标字符串为 plain,判断是否匹配,结果匹配成功,因为 plain 中的“a”在列表“abc”中 目标字符串中任何一个字符出现在字符列表中就算匹配
[^字符列表] 正则表达式[^abc]:表示目标字符串包含 abc 以外的任何一个字符则匹配成功。如目标字符串为plain,判断是否匹配,结果匹配成功,因为 plain 中包含“p”、“l”、“i”、“n” 匹配字符列表之外的任意字符
[字符范围] 正则表达式 [a-z]:匹配所有小写英文字母组成的字符串列表 匹配指定范围内的任意字符
[^字符范围] 正则表达式 [A-Z]:匹配所有大写英文字母组成的字符串列表 匹配指定范围外的任意字符

在正则表达式中被赋予特殊含义的字符,不能被直接当作普通字符使用。常见的元字符如下表所示。

元字符 说明
. 匹配除换行字符以外的任意字符
\w 匹配字母或数字或下画线等价于[a-zA-Z0-9_]
\W 匹配任何非单词字符。等价于[^a-zA-Z0-9_]
\s 匹配任意的空白符,包括空格、制表符、换页符等。等价于[\f\n\r\t\v]
\S 匹配任何非空白字符。等价于[^\n\r\t\f\v]
\d 匹配数字。等价于[0-9]
\D 匹配一个非数字字符。等价于[^0-9]
\b 匹配单词的开始或结束
\^ 匹配字符串的开始,但由中使用表示取反
\$ 匹配字符串的结束

如果要匹配元字符本身,需要对元字符进行转义,转义的方式是在元字符前面加上“\”,例如“\^”。还有一些常见的元字符,表示出现的次数,如下表所示。

表示出现次数的元字符 说明
* 出现零次或多次
+ 出现一次或多次
? 出现零次或一次
{n} 出现n次
{n,} 出现n次或多次
{n,m} 出现n到m次

正则表达式可以用于校验用户名、密码等是否符合要求,常用的正则表达式如下表所示:

校验内容 正则表达式
校验用户名 /^\[a-zA-Z\_][a-zA-Z_\-0-9]{5,9}$/
校验密码 /^[a-zA-Z0-9_\-\@\#\&\*]{6,12}$/
校验前后空格 /^\s+\|\s+$/g
校验电子邮箱 /^[a-zA-Z0-9_\.-]+@([a-zA-Z0-9-]+[\.]{1})+[a-zA-Z]+$/

JavaScript正则表达式的应用

下面通过具体场景应用正则表达式,包括模式验证、匹配读取、全文查找等方面。

1) 模式验证

// 创建一个最简单的正则表达式对象
var reg = /o/;
// 创建一个字符串对象作为目标字符串
var str = 'Hello World!';
// 调用正则表达式对象的 test() 方法验证目标字符串是否满足指定的这个模式
// 返回结果 true
console.log("/o/.test('Hello World!')="+reg.test(str));
注意,这里使用正则表达式对象来调用方法。

2) 匹配读取

// 在目标字符串中查找匹配的字符,返回匹配结果组成的数组
var resultArr = str.match(reg);
console.log("resultArr.length="+resultArr.length);//数组长度为 1
console.log("resultArr[0]="+resultArr[0]);//数组内容是 o
注意,这里使用字符串对象来调用方法。

3) 替换

var newStr = str.replace(reg,'@');
// 只有第一个 o 被替换了,说明我们这个正则表达式只能匹配第一个满足的字符串
console.log("str.replace(reg)="+newStr);//Hello World!
// 原字符串并没有变化,只是返回了一个新字符串
console.log("str="+str);//str=Hello World!
注意,这里使用字符串对象来调用方法。

4) 全文查找

正则表达式中“/g”表示全文查找。例如,判断目标字符串“Hello World!”中大写字母的个数。

正则表达式中没有使用全局匹配的情况如下:
// 目标字符串
var targetStr = 'Hello World!';
// 没有使用全局匹配的正则表达式
var reg = /[A-Z]/;
// 获取全部匹配
var resultArr = targetStr.match(reg);
console.log("resultArr.length="+resultArr.length);//数组长度为 1

// 遍历数组,发现只能得到'H'
for(var i = 0; i < resultArr.length; i++){
    console.log("resultArr["+i+"]="+resultArr[i]);
}

借助 /g 使用了全局匹配后,示例代码如下:
// 目标字符串
var targetStr = 'Hello World!';
// 使用了全局匹配的正则表达式
var reg = /[A-Z]/g;
// 获取全部匹配
var resultArr = targetStr.match(reg);
console.log("resultArr.length="+resultArr.length);//数组长度为 2

// 遍历数组,发现可以获取'H' 和 'W'
for(var i = 0; i < resultArr.length; i++){
    console.log("resultArr["+i+"]="+resultArr[i]);
}
对比以上两种情况,如果不使用 g 对正则表达式对象进行修饰,则使用正则表达式进行查找时,仅返回第一个匹配;使用 g 后,返回所有匹配。

5) 忽略大小写

正则表达式中“/i”表示忽略大小写。例如,判断目标字符串“Hello WORLD!”中包含小写字母 o 的个数,不忽略大小写的示例代码如下:
// 目标字符串
var targetStr = 'Hello WORLD!';
// 没有使用忽略大小写的正则表达式
var reg = /o/g;
// 获取全部匹配
var resultArr = targetStr.match(reg);
console.log("resultArr.length="+resultArr.length);//数组长度为 1

// 遍历数组,仅得到'o'
for(var i = 0; i < resultArr.length; i++){
    console.log("resultArr["+i+"]="+resultArr[i]);
}

借助 i 忽略大小写后,查找到 o 和 O 两个结果:
// 目标字符串
var targetStr = 'Hello WORLD!';
// 使用了忽略大小写的正则表达式
var reg = /o/gi;
// 获取全部匹配
var resultArr = targetStr.match(reg);
console.log("resultArr.length="+resultArr.length);//数组长度为 2

// 遍历数组,得到'o'和'O'
for(var i = 0; i < resultArr.length; i++){
    console.log("resultArr["+i+"]="+resultArr[i]);
}

6) 元字符的使用

例如,判断以下两个字符串“I love Java”和“Java love me”是否以 Java 开头:
var str01 = 'I love Java';
var str02 = 'Java love me';
// 匹配以 Java 开头
var reg = /^Java/g;

console.log('reg.test(str01)='+reg.test(str01)); // false
console.log("<br />");
console.log('reg.test(str02)='+reg.test(str02)); // true

再例如,判断以下两个字符串“I love Java”和“Java love me”是否以 Java 结尾:
var str01 = 'I love Java';
var str02 = 'Java love me';
// 匹配以 Java 结尾
var reg = /Java$/g;

console.log('reg.test(str01)='+reg.test(str01)); // true
console.log("<br />");
console.log('reg.test(str02)='+reg.test(str02)); // false

7) 字符集合的使用

例如,判断字符串“123456789”是否匹配 n 位数字的正则表达式:
// n 位数字的正则
var targetStr="123456789";
var reg=/^[0-9]{0,}$/;
// 或者 var reg=/^\d*$/;

var b = reg.test(targetStr); // true

例如,判断字符串“HelloWorld”是否匹配含有数字或字母或下画线的 6~16 位的正则表达式:
// 数字+字母+下画线,6-16 位
var targetStr="HelloWorld";
var reg=/^[a-z0-9A-Z_]{6,16}$/;
var b = reg.test(targetStr); // true

相关文章