你该知道的JavaScript小技巧——正则表达式篇

290 阅读1分钟

【这是我参与更文挑战的第 12 天,活动详情查看: 更文挑战”】
感谢大家观看我的新一篇文章: 你该知道的JavaScript小技巧——正则表达式篇

首先我们了解一下 正则表达式的特点: ①逻辑性、灵活性和功能性 非常强。 ②可以迅速的以极简的方式达到字符串的复杂控制。

正则表达式的使用

概念: 在js中正则表达式 是以对象的方式存储的
正则表达式的创建和使用


//1 创建一个正则表达式
let rg = /123/
//表达式的验证

console.log(rg.test('123'));  
//在做验证的时候需要 你的变量名调用test()函数 在test函数里面 传入你要验证的字符串或者数字,test的返回值为true或者false
边界符 ^和$

首先 我们要弄明白这连个符号的含义是什么?^ 表示的是 起始位置 $表示结束的位置,好 接下来 我们看代码部分。


let rg = /^acb$/   //必须是acb中 a开始 b结束

console.log(rg.test('acb'));  //true
console.log(rg.test('bca'));  //false
console.log(rg.test('cab'));  //false
字符类 []

表示 提供一系列的字符选择,只要匹配其中的一个就可以了

如果[]里面有个^要注意是取反的意思 。

//我们看一下 下面的代码
let rg = /[acb]/  //只要包含 a或者b或c都返回为true

console.log(rg.test('abc'));  //true
console.log(rg.test('bca'));  //true
console.log(rg.test('test'));  //false
范围符 [-]

表示 对获取的类型进行限制

let rg = /^[a-z]$/  //只要包含26个英文字母 那么都返回true

console.log(rg.test('abc'));  //true
console.log(rg.test('bca'));  //true
console.log(rg.test('test'));  //true
console.log(rg.test(1));  //false
console.log(rg.test('A'));  //false  //需要注意的是 区分大小写。
//如果想要添加 多种验证规则 那么直接看在 接着之前的字符拼写, 比如 我想要验证用户名 支持大小写和数字 我就可以这样写。
let rg = /^[a-zA-Z0-9]$/  //要需要注意的是 不要在他们中间加空格哦!
量词 {}

表示 某一模式出现的次数, 刚才我们写的验证规则 只能对单一的字符进行 判断 这在实际开发中实用性并不大,那么这就需要我们对字符出现的次数进行限制了。

  }

  let rg = /^[a-zA-Z0-9]{6,8}$/  //不要有空格哦! 表示 被验证的字符 至少有六位 至多8位

console.log(rg.test('test'));  //false
console.log(rg.test('test11'));  //false
console.log(rg.test('123456789'));  //false