正则表达式、ES6 中的表达式的新特性

正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。

一、正则表达式

1、定义正则(语法):

new RegExp('pattern','modifiers');
/pattern/modifiers
pattern(模式) 描述了表达式的模式
modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配

2、修饰符:

i 忽略大小写
m 多行模式
g 全局

3、正则中方法:

1)str.search(reg); //搜索
如果找到,返回什么第一个找到的位置
如果找不到,返回-1, indexOf
2)str.match(reg); //匹配
如果匹配上,返回的是数组
否则, null
3)str.replace('str1','str2');
//只替换第一个
4)regx.test(str); // 能匹配上,返回true,否则 返回false

4、规则
1)方括号:方括号用于查找某个范围的字符

1.1)或 [123] 1或2或3
1.2)范围 [a-zA-Z0-9]
1.3)排除 [^]

2)修饰:

行首,行尾 ^$
. 点 所有的字符

3)量词:

{}
{n} n个
{n,m} 最少n个,最多m个
{n,} 最少n个,最多不限
{0,1} 最少0个,最多 1 个 ----- ? --可有可无
{1,} 最少1个,最多不限 ----- +
{0,} 最少0个,最多不限 ----- *

3)转义:


\n 换行
\d 数字
\
\\ \

\w 字母,数字,下划线_
\d 数字
\s 空白 tab 空格 换行

\W \D \S 是与小写字母相反的
eg:

1)  匹配  固定电话
规则:
        82323238
        5727323
        010-88234582
        0476-5329878

        如果有-,前面是3或4位数字
        如果有-,后面是7或8位数字
        一共不超过12位数字
        如果有区号,第一位是0
        可以没有区号
---------------------------------
分析:
    区号可有可无
    有区号:
        第一位是0
        3-4位
        -
    电话部分:
        第一位不是0      6-7位数字
---------------------------------
固定电话:
    var regx = /^(0[1-9]\d{1,2}\-)?[1-9]\d{6,7}$/;
---------------------------------

2)手机号:
    var regx = /^1[345789]\d{9}$/;
3)邮箱:
    var regx = /^\w{1,30}@[0-9a-z\-]{2,20}(\.[a-z1-9]{2,3}){1,2}$/;
4)年龄:
    var regx = /^(1[89])|([2-9]\d)|(100)$/;

二、ES6中新增的正则特性

ES6 改变了这种行为。如果RegExp构造函数第一个参数是一个正则对象,那么可以使用第二个参数指定修饰符。而且,返回的正则表达式会忽略原有的正则表达式的修饰符,只使用新指定的修饰符。

  new RegExp(/abc/ig, 'i').flags
  // "i"

上面代码中,原有正则对象的修饰符是ig,它会被第二个参数i覆盖。

1、修饰符
1)u(新增)

Unicode 模式”,用来正确处理大于\uFFFF的 Unicode 字符。也就是说,会正确处理四个字节的 UTF-16 编码。

  /^\uD83D/u.test('\uD83D\uDC2A') // false
  /^\uD83D/.test('\uD83D\uDC2A') // true

上面代码中,\uD83D\uDC2A是一个四个字节的 UTF-16 编码,代表一个字符。但是,ES5 不支持四个字节的 UTF-16 编码,会将其识别为两个字符,导致第二行代码结果为true。加了u修饰符以后,ES6 就会识别其为一个字符,所以第一行代码结果为false。

一旦加上u修饰符号,就会修改下面这些正则表达式的行为。

2、属性
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 初衷:看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 9,502评论 0 20
  • 正则表达式功能: 测试字符串的某个模式。例如对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信...
    DecadeHeart阅读 3,723评论 0 1
  • 正则表达式(Regular Expression)是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系...
    草鞋弟阅读 4,108评论 0 0
  • 1. 正则表达式:规定字符串中字符出现规律的规则。 何时使用:查找 验证 替换 切割 模糊查找,验证字符...
    qhaobaba阅读 4,243评论 0 0
  • 如何遇见好中文,如何写作行云流水的文章,如何通过好中文过上好生活呢,有人说写得越多越迷失,学而不思则罔,知识输入多...
    牛牛牛牛牛魔王阅读 3,379评论 0 1