正则表达式——创建
1.使用正则表达式对象创建
语法:
var 变量 = new RegExp("正则表达式","匹配模式");//使用typeof检查正则对象,会返回object
举例:
var reg = new RegExp("a"); //这个正则表达式可以来检查一个字符串中是否含有a
在构造函数中可以传递一个匹配模式作为第二个参数,可以是 i 忽略大小写, g 全局匹配模式
var reg = new RegExp("ab","i");//检查一个字符串是否含有ab且忽略大小写
正则表达式的方法:
test()
使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,如果符合则返回true,否则返回false
var result = reg.test(str);
2.使用字面量创建
语法:var 变量 = /正则表达式/匹配模式
* 使用字面量的方式创建更加简单
* 使用构造函数创建更加灵活
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 使用字面量来创建正则表达式
*/
//var reg = new RegExp("a","i");
var reg = /a/i;
//console.log(typeof reg);
//console.log(reg.test("abc"));
//创建一个正则表达式,检查一个字符串中是否有a或b
/*
* 使用 | 表示或者的意思
*/
reg = /a|b|c/;
/*
* 创建一个正则表达式检查一个字符串中是否有字母
*/
//reg = /a|b|c|d|e|f|g/;
/*
* []里的内容也是或的关系
* [ab] == a|b
* [a-z] 任意小写字母
* [A-Z] 任意大写字母
* [A-z] 任意字母
* [0-9] 任意数字
*/
reg = /[A-z]/;
//检查一个字符串中是否含有 abc 或 adc 或 aec
reg = /a[bde]c/;
/*
* [^ ] 除了
*/
reg = /[^ab]/;
reg = /[^0-9]/;
console.log(reg.test("12a3456"));
</script>
</head>
<body>
</body>
</html>
正则表达式——量词
通过量词可以设置一个内容出现的次数,量词只对它前边的一个内容起作用
{n} 正好出现n次
{m,n} 出现m-n次
{m,} m次以上
+ 至少一个,相当于{1,}
* 0个或多个,相当于{0,}
? 0个或1个,相当于{0,1}
举例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 创建一个正则表达式检查一个字符串中是否含有aaa
*/
var reg = /a{3}/;
reg = /(ab){3}/; //ababab为true,表示ab出现刚好三次
reg = /b{3}/; //bbb 为true,表示b恰好出现3次
reg = /ab{1,3}c/;//abc abbc abbbc 都为true,表示b出现1到3次
reg = /ab{3,}c/;//abbbc abbbbc 都为true,表示b出现3次以上
reg = /ab+c/;//abc abbc abbc 都为true +表示至少一次以上,相当于{1,}
reg = /ab*c/;//ac abc abbc 都为true *表示0个或多个
reg = /ab?c/;//abc ac两种情况下为true ?表示0个或1个
</script>
</head>
<body>
</body>
</html>
正则表达式——开头结尾控制
^ 表示开头, $ 表示结尾
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 检查一个字符串中是否以a开头
* ^ 表示开头
* $ 表示结尾
*/
reg = /^a/; //匹配开头的a
console.log(reg.test("abcdef"));//为true ,表示开头有a
reg = /a$/; //匹配结尾的a
console.log(reg.test("hijklma"));//为true,表示结尾有a
/*
* 如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式
*/
reg = /^a$/;
console.log(reg.test("bbca"));//为false
console.log(reg.test("aopqrsta"));//为false
console.log(reg.test("a"));//为true,以a开头立即以a结尾
reg=/^a|a$/;//表示以a开头或者以a结尾
console.log(reg.test("abdepwa"));//为true
</script>
</head>
<body>
</body>
</html>
正则表达式——练习
创建一个正则表达式,用来检查一个字符串是否是一个合法手机号, 手机号的规则:
1. 以1开头
2. 第二位3-9任意数字
3. 三位以后任意数字9个
举例:136 1265 6645 为true
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 创建一个正则表达式,用来检查一个字符串是否是一个合法手机号
*
* 手机号的规则:
* 1 3 567890123 (11位)
*
* 1. 以1开头
* 2. 第二位3-9任意数字
* 3. 三位以后任意数字9个
*
* ^1 [3-9] [0-9]{9}$
*
*/
var phoneStr = "13067890123";
var phoneReg = /^1[3-9][0-9]{9}$/;
//表示以1开头,第二位为3-9,第三位往后的9位为0-9
console.log(phoneReg.test(phoneStr));//为true,符合规则
</script>
</head>
<body>
</body>
</html>
正则表达式——转义字符表示
在正则表达式中使用\作为转义字符
\. 来表示.
\\ 表示\
注意:使用构造函数时,由于它的参数是一个字符串,而\是字符串中转义字符, 如果要使用\则需要使用\\来代替,比字面量多一个\
reg = new RegExp("\\.");//用\\.表示.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 检查一个字符串中是否含有 .
* . 表示任意字符
*/
var reg = /\./;
reg = /\\/;
reg = new RegExp("\\.");
reg = new RegExp("\\\\");
reg = /\w/;//表示任意字母、数字、下划线[A-z0-9_]
reg = /\W/;//表示除了字母、数字、下划线 [^A-z0-9_]
console.log(reg.test("@#%@&(Q"));//为true,没有字母数字下划线
reg = /\d/;//任意的数字 [0-9]
reg = /\D/;//除了数字 [^0-9]
console.log(reg.test("@#($&(@#&$awesome"));//为true,没有数字
reg = /\s/;//表示空格
console.log(reg.test("12 9"));//为true
reg = /\S/;//除了空格
/*
* 创建一个正则表达式检查一个字符串中是否含有单词child
*/
reg = /\bchild\b/;//单词边界
console.log(reg.test("hello child "));//child是独立的单词才可以为true
// /B 除了单词边界
var str = " he llo ";
console.log(str);
str = str.replace(/\s/g , "");//去除掉字符串中的前后的空格,即使用""来替换空格
console.log(str);//输出结果hello
//去除开头的空格
str = " I love WengYuShang";
console.log(str);
str = str.replace(/^\s*/, "");
console.log(str);//输出"I love WengYuShang"
//去除结尾的空格
str="Pig is a lover ";
str = str.replace(/\s*$/, "");
console.log(str);//"Pig is a lover"
// /^\s*|\s*$/g 匹配开头和结尾的空格
str=" you smile to me "
str = str.replace(/^\s*|\s*$/g,"");
console.log(str);//输出"you smile to me"
</script>
</head>
</html>
正则表达式练习——邮件的正则
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 电子邮件
* hello .nihao @ abc .com.cn
*
* 任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母(2-5位) .任意字母(2-5位)
*
* \w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2}
*/
var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
/*表示任意字母、数字、下划线三位,*表示可有可无,里面内容表示.一位以上的任意*,后跟任意字母数字,一个以上
*/
var email = "abc.hello@163.com";
console.log(emailReg.test(email));
email="abc.hello@163.com.cn";
console.log(emailReg.test(email));
</script>
</head>
<body>
</body>
</html>
正则表达式——与字符串
1.split()方法
可以将一个字符串拆分为一个数组,该方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串,这个方法即使不指定全局匹配,也会全都插分
2. search()方法
可以搜索字符串中是否含有指定内容,如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到返回-1
它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串;serach()只会查找第一个,即使设置全局匹配也没用
3.match()方法
可以根据正则表达式,从一个字符串中将符合条件的内容提取出来,默认情况下match只会找到第一个符合要求的内容,找到以后就停止检索,可以设置正则表达式为全局匹配模式 g,这样就会匹配到所有的内容;可以为一个正则表达式设置多个匹配模式,且顺序无所谓;match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果
4. replace()方法
可以将字符串中指定内容替换为新的内容,
参数:1.被替换的内容,可以接受一个正则表达式作为参数 2.新的内容
默认只会替换第一个
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var str = "1a2b3c4d5e6f7";
/* * split() */
/* * 根据任意字母来将字符串拆分 */
var result = str.split(/[A-z]/);
//console.log(result);
/* * search() */
str = "hello abc hello aec afc";
/*
* 搜索字符串中是否含有abc 或 aec 或 afc */
result = str.search(/a[bef]c/);
//console.log(result);
/* * match() */
str = "1a2a3a4a5e6f7A8B9C";
result = str.match(/[a-z]/ig);
//console.log(result[2]);
/* * replace() */
//result = str.replace(/[a-z]/gi , "@_@");
result = str.replace(/[a-z]/gi , "");
//console.log(result);
</script>
</head>
<body>
</body>
</html>