一、知识点要点:
1.正则表达式的定义
正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。
正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。
2.如何创建
- 显式创建
var myregex = new RegExp("[0-9]"); //显式定义
- 隐式创建
var myregex = /[0-9]/; //隐式定义
3.如何使用
用test方法来判断一个str是否满足正则表达式的要求
var rg = /123/;
console.log(rg.test(123));//匹配字符中是否出现123 出现结果为true
console.log(rg.test('abc'));//匹配字符中是否出现123 未出现结果为false
4.边界符
^ 表示匹配行首的文本(以谁开始)
$ 表示匹配行尾的文本(以谁结束)
如果 ^和 $ 在一起,表示必须是精确匹配。
var rg = /abc/; // 正则表达式里面不需要加引号 不管是数字型还是字符串型
// /abc/ 只要包含有abc这个字符串返回的都是true
console.log(rg.test('abc'));
console.log(rg.test('abcd'));
console.log(rg.test('aabcd'));
console.log('---------------------------');
var reg = /^abc/;
console.log(reg.test('abc')); // true
console.log(reg.test('abcd')); // true
console.log(reg.test('aabcd')); // false
console.log('---------------------------');
var reg1 = /^abc$/; // 精确匹配 要求必须是 abc字符串才符合规范
console.log(reg1.test('abc')); // true
console.log(reg1.test('abcd')); // false
console.log(reg1.test('aabcd')); // false
console.log(reg1.test('abcabc')); // false
5.字符类
字符类表示有一系列字符可供选择,只要匹配其中一个就可以了。所有可供选择的字符都放在方括号内。
var rg = /[abc]/; // 只要包含有a 或者 包含有b 或者包含有c 都返回为true
console.log(rg.test('andy'));//true
console.log(rg.test('baby'));//true
console.log(rg.test('color'));//true
console.log(rg.test('red'));//false
var rg1 = /^[abc]$/; // 三选一 只有是a 或者是 b 或者是c 这三个字母才返回 true
console.log(rg1.test('aa'));//false
console.log(rg1.test('a'));//true
console.log(rg1.test('b'));//true
console.log(rg1.test('c'));//true
console.log(rg1.test('abc'));//true
----------------------------------------------------------------------------------
var reg = /^[a-z]$/ //26个英文字母任何一个字母返回 true - 表示的是a 到z 的范围
console.log(reg.test('a'));//true
console.log(reg.test('z'));//true
console.log(reg.test('A'));//false
-----------------------------------------------------------------------------------
//字符组合
var reg1 = /^[a-zA-Z0-9]$/; // 26个英文字母(大写和小写都可以)任何一个字母返回 true
------------------------------------------------------------------------------------
//取反 方括号内部加上 ^ 表示取反,只要包含方括号内的字符,都返回 false 。
var reg2 = /^[^a-zA-Z0-9]$/;
console.log(reg2.test('a'));//false
console.log(reg2.test('B'));//false
console.log(reg2.test(8));//false
console.log(reg2.test('!'));//true
6.量词符
*重复0次或更多次
+重复1次或更多次
?重复0次或1次
{n}重复n次
{n,}重复n次或更多次
{n,m}重复n到m次
二、如何写一个小数(只保留两位小数)
1.拆分
分为整数部分和小数部分
整数部分,如果是一个数的情况可以是0或者1-9;如果是多个数字的话,那么必须是以非0开头,即1-9开头;
整合之后是([0]{1}) | ([1-9] [0-9]*)
,这里的[0-9]也可以写成\d,即为
(([1-9]{1}\d*)|([0]{1}))
小数部分,由于小数部分只保留两位,首先必须有小数点的存在,用转义\表示小数点.,接着就是0-9出现0-2次,最终是:
(\.(\d){0,2})
整合结果:
^(([1-9]{1}\d*)|(0{1}))(\.\d{0,2})?$
//?就表示了小数点后可以保留0位、1位、或2位小数。
三、如何写一个美元
要求如下:
1、以 $ 开始
2、整数部分,从个位起,满 3 个数字用 , 分隔
3、如果为小数,则小数部分长度为 2
4、正确的格式如:$1,023,032.03 或者 $2.03,错误的格式如:$3,432,12.12 或者 $34,344.3
整数部分:
开头:$
匹配紧跟$符的数字:最多三位,最少一位,1位是0-9的,2-3位以1-9开头,[0-9]选一位或者两位
(0|[1-9]|[1-9]\d{0,2})
接下来是逗号之后的内容
逗号之后,三位数字,0-9出现3次,并且整个部分可以出现0或者多次,用*
表示
(,\d{3})*
最后是小数部分,首先是.
开头,需要转义\.
,接下来是[0-9]出现两次,当然整个部分也是可以出现一次或者不出现
(\.\d{2})?
最后整合
^\$(0|[1-9]\d{0,2})(,\d{3})*(\.\d{2})?