前端正则表达式基础

目标:解决两个问题

  • 不认识,怎么办?
  • 不会写,怎么办?
/^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/

实例化RegExp对象

字面量 :var reg = /\bis\b/g;

构造函数:var reg = new RegExp('\\bis\\b','g');

正则基础——修饰符

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

正则进阶——贪婪模式和非贪婪模式

// 贪婪模式(默认):

'1234ab'.replace(/\d{3,4}/g,'大')

// 非贪婪模式: 量词后加?

'1234ab'.replace(/\d{3,4}?/g,'大')

正则进阶——分组

// 使用()达到分组效果

'xingxing'.replace(/xing{2}/,'大’)

'xingxing'.replace(/(xing){2}/,'大')

正则进阶——或

// 使用 | 达到或的效果

Hai|xing

H(ai|xi)ng

正则进阶——前瞻和后顾

// 前瞻: exp1(?=exp2)     查找exp2前面的exp1

    'window2003'.replace(/window(?=\d{4})/,'大')

// 负前瞻:  exp1(?!exp2)     查找后面不是exp2的exp1

    'window200'.replace(/window(?!\d{4})/,'大')

// 后顾(js不支持):  (?<=exp2)exp1   查找exp2后面的exp1

    '2003window'.replace(/(?<=\d{4})window/g,'大')

// 负后顾(js不支持):  (?

参考资料

可视化工具:https://jex.im/regulex
慕课网视频教程:https://www.imooc.com/video/1...

你可能感兴趣的:(正则表达式,javascript)