js自学笔记

正则表达式

学习正则表达式概念及语法，编写简单的正则表达式实现自负的查找或检测

介绍：

• 正则表达式是用于字符组合的模式，在JavaScript中，正则表达式也是对象

• 通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式

• 使用场景:验证表单(输入用户只能输入英文字母，数字、下划线)

  • 或者过滤掉页面中的一些敏感词汇(替换)，或从字符串中获取想要的部分(提取)

语法：

判断是否有符合规则的字符串 test() 写在// 中间

 regObj.test(检测的字符串)
 //返回布尔值

检索(查找)符合规则的字符串

exec()方法在一个指定字符串中执行搜索匹配

 regObj.exec(检测的字符串)
 //返回数组 ['阿水', index: 2, input: '我是阿水，我很棒', groups: undefined]
 //不存在则返回null

元字符

普通字符：大多数字符只能描述它们本身，这些字符称为普通字符，例如所有的字母和数字

元字符：是一些具有特殊含义的字符，可以极大提高灵活性和强大的匹配功能

比如26个英文字母，普通字符需要输入26个，元字符只需要写 [a-z]

参考文档：

• MDN

• 正则测试工具：在线正则表达式测试

边界符(表示位置，开头和结尾)

边界符	说明
^	表示匹配行首的文本(以谁开始)
$	表示匹配行首的文本(以谁结束)

量词：表示重复次数

量词	说明
*	重复一次或更多次
+	重复一次或更多次
？	重复零次或一次
{n}	重复n次
{n,}	重复n或更多次次
{n,m}	重复n到m次

字符类 ：比如\d 表示0-9

字符	说明
[abc]	匹配[]中任意一个 加上-表示范围 加^表示取反
密码输入例子

 /^[a-zA-Z0-9_]{6,16}$/

日期输入例子

 str = '/^\d{4}-\d{1,2}-\d{1,2}/'

修饰符

修饰符约束正则执行的某些细节行为，如区分大小写，是否支持多行匹配等

语法：

 /表达式/修饰符  i、g可以一起使用

• i是单词ignore·的缩写，正则匹配时字母不区分大小写

• g是单词global的缩写，匹配所有满足正则表达式的结果

替换 replace

 const str = '金樽清酒斗十千，玉盘珍羞直万钱'
 const re = str.replace(/万钱/i,'亿钱')

常用正则

 /^[a-zA-Z0-9-_]{6,16}$/  //6-16位密码
 /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/ //11位手机号