前端开发常用的正则表达式,js\vue\react\html

本文介绍了正则表达式的基本概念、作用和创建方式,详细讲解了如何在前端开发中利用正则进行字符串匹配、提取和替换操作。通过实例展示了手机号、邮编、邮箱等常见场景的正则验证,以及正则在字符串过滤中的应用。
摘要由CSDN通过智能技术生成
 

正则表达式

概念:

一个用于规范字符串的表达式。

简单来说,就是写一个规则,然后通过这个规则可以从一个杂乱的字符串中找出符合规则的部分,也就可以用于判断一个字符串是否符合某个规则。还可以将一个字符串中符合规则的部分进行替换。

初体验:

var reg = /aaa/; // 写了一个规则,这个规则的意思是说3个a字符连在一起
var str = 'sdafaaaaa123wer'; // 一个杂乱的字符串
var arr = str.match(reg); // 从字符串中提取出符合规则的部分
console.log(arr); // ["aaa", index: 4, input: "sdafaaaaaa123wer"]

正则表达式其实就是一种规则,其实把正则称作规则表达式更为恰当。正则的语法基于一种古老的perl语言。

正则表达式的作用

  1. 提取字符串:从指定的字符串中将符合规则部分提取出来

  2. 匹配正则:判断一个字符串是否跟指定的规则匹配

  3. 替换字符串:将一个字符串中跟规则匹配的部分替换掉

正则表达式的创建

语法:/正则表达式主体/修饰符(可选)

var reg = new RegExp() // 构造函数方式
var reg = /hello/i; // 字面量方式

使用说明:正则表达式比较特殊,不是字符串,不用加引号,但是要有定界符,两边都是斜杠。在斜杠后面可以加一些特定的修饰符。

修饰符

标志
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值