JavaScript简单学习(三)-正则表达式

正则表达式(简单学习)

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

使用正则表达式的目的

给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”)

可以通过正则表达式,从字符串中获取我们想要的特定部分

正则表达式的特点

  • 灵活性、逻辑性和功能性非常的强
  • 可以训练地用极简单的方式达到字符串的复杂控制

创建正则表达式的语法

  • 第一种方法
    • var reg = /pattern/;
  • 第二种方法
    • var reg = new RegExp('pattern');     //RegExp:Regular Expression
  • RegExp对象的常用方法
    • exec(str):检索字符串中指定的值,返回找到的值,并确定其位置
    • test(str):判断是否符合正则:正则对象.test(字符串),返回true(符合)或false(不符合)

正则表达式所支持的常用通配符

.可以匹配任何字符
\d匹配0-9的所有数字
\D匹配非数字
\s匹配所有空白字符,包括空格、制表符、换行符、回车符等
\S匹配所有非空白字符
\w匹配所有的单词字符,包括0-9数字,26个英文字母和下划线
\W匹配所有的非单词字符
\b匹配单词边界
\B匹配非单词边界

 

 

 

 

 

 

 

 

 

 

比较常用

[abc]查找方括号之间的任何字符,一位
[^abc]查找任何不在方括号之间的字符
[0-9]查找任何从0至9的数字
[a-z]查找任何从a到小写z的字符(小写字母)
[A-Z]查找任何从A到大学Z的字符 (大写字母)
[A-z]或[A-Za-z]查找任何从A到小写z的字符 (字母)
(red|blue|green)查找任何指定的选项 (或者的关系,每一项的位数没有要求)

 

 

 

 

 

 

 

 

正则表达式常用量词

n+匹配任何包含至少应该n的字符串(>=1)
n*匹配任何包含零个或多个n的字符串 (>=0)
n?匹配任何包含零个或一个n的字符串(<=1)
n{X}匹配任何X个n的序列的字符串
n{X,Y}匹配任何最少X个n最多Y个n的序列的字符串
n{X,}匹配任何包含至少X个n的序列的字符串
n$匹配任何结尾为n的字符串
^n匹配任何开头为n的字符串

 

 

 

 

 

 

 

 

正则表达式修饰符

i执行对大小写不敏感的匹配
g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
m执行多行匹配

 

 

 

 

eg:定义一个正则表达式,匹配只能是数字,至少是一位的字符串

var reg = /^[0-9]+$/;

修饰符

var reg = /^[a-z]+$/i;  //忽略大小写

简单实例:

<!--正则表达式演示-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正则表达式</title>
    <script type="text/javascript">
        //只能是数字,至少是一位的字符串
        var reg = /^[0-9]+$/;
        var v1 = "hello1";
        //test(str):判断是否符合正则:正则对象.test(字符串),返回true(符合)或false(不符合)
        //alert(reg.test(v1));  //false
        //alert(reg.test("123")); //true
        //alert(reg.test("123ab"));//false

        //只能是数字,一到两位的字符串
        var reg1 = /^[0-9]{1,2}$/;
        alert(reg1.test("123")); //false

        //字符串组成只能是数字或者字母
        //一般用^和$限定开头和结尾
        let reg2 = /^[A-z0-9]*$/;
    </script>
</head>
<body>

</body>
</html>

正则表达式内容非常多,此处只是简单学习

  • 对输入的内容判断是否符合一定规则是:可以利用正则表达式
    • 利用JS,在提交前或者输入后回车时进行判断是否符合规则
  • 网上有很多现有的正则表达式,可以直接使用,如:Email地址,域名,URL,手机号码,电话号码,身份证号,密码,强密码等等,直接拿来稍作修改即可使用,无需自己编写(可能写漏)。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值