JavaScript-RegExp正则表达式语法详解

正则表达式的具体语法

1. 创建

1.1 字面量创建

  1. 使用字面量来创建正则表达式
  2. 语法: var 变量 = /正则表达式/匹配模式
  3. 使用字面量的方式创建更加简单
var reg = /a/i;

1.2 构造函数创建

但是使用构造函数创建更加灵活

var reg = new RegExp("a", "i");

console.log(typeof reg);
console.log(reg.test("abc"));

请添加图片描述

2. 语法

2.1 使用 | 表示或者的意思

  1. 创建一个正则表达式:检查一个字符串是否有 a 或 b
var reg = /a|b|c/;
  1. 创建一个正则表达式来检查一个字符串中是否有字母
var reg = /a|b|c|d|e|f|g/;

2.2 []里的内容也是或的关系

  1. [ab] == a|b
  2. [a-z] 任意小写字母
  3. [A-Z] 任意大写字母
  4. [A-z] 任意字母
  5. [0-9] 任意数字
var reg = /[A-z]/;

//检查一个字母中是否含有abc 或adc 或aec
reg = /a[bde]c/;

2.3 [^ ] 除了

var reg = /[^ab]/;
console.log(reg.test("123"));

reg = /[^0-9]/;
console.log(reg.test("123"));

请添加图片描述

2.4 量词

  1. 通过量词可以设置一个内容出现的次数
  2. 量词只对它前边的一个内容起作用
  3. {n} 正好出现 n 次
  4. {m,n} 出现 m-n 次
  5. {m,} m 次以上
  6. + 至少一个,相当于{1,}
  7. * 0 个或多个,相当于{0,}
  8. ? 0 个或 1 个,相当于{0,1}
var reg = /a{3}/;
console.log(reg.test("aaa"));

reg = /(ab){3}/;
console.log(reg.test("ababab"));

reg = /b{3}/;
console.log(reg.test("bbb"));

reg = /ab{1,3}c/;
console.log(reg.test("abbc"));

reg = /ab{3,}c/;
console.log(reg.test("abbbbbbc"));

reg = /ab+c/;
console.log(reg.test("abc"));
console.log(reg.test("abbc"));

reg = /ab*c/;
console.log(reg.test("ac"));
console.log(reg.test("abbbbbbc"));

reg = /ab?c/;
console.log(reg.test("ac"));
console.log(reg.test("abc"));

请添加图片描述

2.5 开头和结尾

  1. ^ 表示开头
  2. $ 表示结尾
var reg = /^a/; //匹配开头的a
console.log(reg.test("abcabca"));

reg = /a$/; //匹配结尾的a
console.log(reg.test("abcabca"));

请添加图片描述

  1. 如果在正则表达式中同时使用^ $则要求字符必须完全符合正则表达式
var reg = /^a$/;
console.log(reg.test("bbca"));

请添加图片描述

2.6 \作为转义字符

  1. 检查一个字符串中是否含有 .
  2. .表示任意字符
  3. 在正则表达式中使用\作为转义字符
  4. \. 来表示.,\\ 表示\

注意:使用构造函数时,由于它的参数是一个字符串,而\是字符串的转义字符
如果要使用\则需要使用\来代替

var reg = /\./;
reg = /\\/;

reg = new RegExp("\\.");
reg = new RegExp("\\\\");

2.7 \ 加 英文

1) \w

  • 任意字母、数字、_ [A-z0-9_]

2) \W

- 除了字母/数字/_  [^A-z0-9_]

3) \d

- 任意的数字 [0-9]

4) \D

- 除了数字 [^0-9]

5) \s

- 空格

6) \S

- 除了空格

7) \b

- 单词边界

9) \B

- 除了单词边界
var reg = /\w/;
reg = /\W/;
reg = /\d/;
reg = /\D/;
reg = /\s/;
reg = /\S/;

/*
 * 创建一个正则表达式检查一个字符串中是否含有单词边界child
 */
reg = /\bchild\b/;
console.log(reg.test("hello child "));

请添加图片描述

3. 例子

3.1 利用正则表达式获取合法用户名

  1. 接收一个用户的输入
    • var str = prompt(“请输入你的用户名:”);
  2. 去除字符串中的空格,去除空格就是使用""来替换空格
    • var str = str.replace(/\s/g , “”);
  3. 去除前边的空格,去除结尾的空格
    • str = str.replace(/^\s*/ , “”);
    • str = str.replace(/^\s*$/ , “”);
  4. /^\s*|\s*$/g 匹配开头和结尾的空格
var str = "             he   llo                     ";
console.log(str);

str = str.replace(/^\s*|\s*$/g, "");
console.log(str);

请添加图片描述

3.2 正则表达式检查合法手机号例子

  1. 创建一个正则表达式,用来检查一个字符串是否是一个合法手机号
  2. 手机号的规则
    • 1 3 567890123(11 位)
    • 以 1 开头
    • 第二位 3-9 任意数字
    • 三位以后任意数字 9 个
    • ^1 [3-9] [0-9]{9}$
var phoneStr = "13067890123";
var phoneReg = /^1[3-9][0-9]{9}$/;
console.log(phoneReg.test(phoneStr));

请添加图片描述

猜你喜欢

转载自blog.csdn.net/weixin_64933233/article/details/128455512