JavaScript正则表达式量词、转义字符、练习，与字符串的操作

最新推荐文章于 2023-03-02 11:05:04 发布

三月的一天

最新推荐文章于 2023-03-02 11:05:04 发布

阅读量442

点赞数

分类专栏：深入理解Javascript 文章标签： JS正则表达式

本文链接：https://blog.csdn.net/qq_36384657/article/details/95183163

版权

深入理解Javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

正则表达式——创建

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>

三月的一天

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript正则表达式量词、转义字符、练习，与字符串的操作

正则表达式——创建1.使用正则表达式对象创建语法：var 变量 = new RegExp("正则表达式","匹配模式");//使用typeof检查正则对象，会返回object举例：var reg = new RegExp("a"); //这个正则表达式可以来检查一个字符串中是否含有a在构造函数中可以传递一个匹配模式作为第二个参数，可以是 i忽略大小写，g 全局匹配模式v...
复制链接

扫一扫