前端学习（JS学习第七天 尚硅谷JS基础视频）

1. DOM

  正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，获取将字符串中符合规则的内容提取出来。

1.1 创建正则表达式的对象

语法1：var 变量 = new RegExp(“正则表达式”, “匹配模式”)

var reg = new RegExp("a");
console.log(reg); //  /a/

语法2：使用字面量创建 var 变量 = /正则表达式/匹配模式

var reg = /a/i;

使用字面量创建更加简单，使用构造函数创建更加灵活。

• 创建一个正则表达式，检查一个字符串中是否有a或b（|表示或的关系）

reg = /a|b/;

• 创建一个正则表达式，检查一个字符串中是否有字母（[]也是表示或的关系）

reg = /[ab]/;  //a或b
reg = /[a-z]/; //任意小写字母
reg = /[A-Z]/; //任意大写字母
reg = /[A-z]/; //任意字母

• 检查一个字符串中是否有abc或adc或aec

reg = /a[bde]c/;  //abc或adc或aec

• 检查字符串中是否存在除了ab之外的

reg = /[^ab]/;  

• 检查字符串中是否存在任意数字

reg = /[0-9]/;  

1.2 正则表达式的方法

• test()
  使用这个方法可以用来检查，一个字符串是否符合正则表达式的规则，如果符合则返回true，否则返回false。
  var reg = new RegExp(“a”); 这个正则表达式可以用来检查一个字符串中是否含有a，只要有a就返回true。
  第二个参数：匹配模式，可以是以下：
  i：忽略大小写
  g：全局匹配模式

var reg = new RegExp("a");
console.log(reg); //  /a/
var str = "a";
var result = reg.test(str);
console.log(result); //true

1.3 字符串和正则相关的方法

• search()
  检索与正则表达式相匹配的值。搜索字符串中是否含有指定内容。如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到返回-1。即使设置了全局匹配，也只会查找第一个，不能全局查找。
  例子：所搜字符串中是否含有abc或aec或afc

var str = "hello heleljak abc aec adc afc";
var result = str.search(/a[bef]c/)
console.log(result);

• split()
  可以将字符串拆分成数组。即时不指定全局匹配，也会全部拆分。
  例子：根据任意字母将字符串拆分。

var str = "1a2b3c4d5e6f7";
var result = str.split(/[A-z]/)
console.log(result);

• match()
  可以根据正则表达式，从一个字符串中将符合条件的内容提取出来，并个返回一个数组。
  默认情况下，match只会找到第一个符合要求的内容，找到以后就停止检索。可以设置正则表达式为全局匹配模式。可以为一个正则表达式设置多个匹配模式，且顺序无所谓。
  例子：将字母从字符串中提取

var str = "1a2b3c4d5e6f7";
var result = str.match(/[A-z]/);//只会提取一个
result = str.match(/[a-z]/ig);
console.log(result);

• replace()
  可以将字符串中的指定内容，替换为新的内容。需要两个参数，第一个是被替换的内容，第二个是新的内容。默认只会替换第一个。
  例子1：用@_@替换a

var str = "1a2b3c4d5e6f7";
var result = str.replace("a","@_@");
var result = str.replace(/a/g,"@_@");
console.log(result);

例子2：删除所有的字母

var str = "1a2b3c4d5e6f7";
var result = str.replace(/a/g,"");
console.log(result);

1.4 量词

  通过量词可以设置一个内容出现的次数。量词只对其前面的一个内容起作用。

• {n} 正好出现n次

var reg = /(ab){3}/; //ababab

• {m,n} 前面的内容出现m次到n次

var reg = /ab{3}c/; 
console.log(reg.test("abc")); //true
console.log(reg.test("abbc")); //true
console.log(reg.test("abbbc")); //true

• {m,} 前面的内容出现m次以上

var reg = /ab{3}c/; 
console.log(reg.test("abc")); //false
console.log(reg.test("abbc")); //false
console.log(reg.test("abbbc")); //true
console.log(reg.test("abbbbc")); //true

• n+ 表示至少匹配一个，相当于{1，},
• n* 表示零或多个，相当于有没有都行
• n？表示0个或1个，相当于{0,1}
• ^a 表示匹配开头的a
• a$ 表示匹配结尾的a，表示结尾了，不能有别的内容
  如果在正则表达式中同时使用$和^，则要求字符串必须完全符合正则表达式。
  例子：

var reg = /^a$/;  //a开头后立马结尾
console.log(reg.test("aaa")); //false
console.log(reg.test("a")); //true

练习：创建一个正则表达式，用来检查一个字符串是否是合法的手机号。
解答：
手机号规则：
1.手机号是11位
2.以1开头
3.第二位3-9任意数字
4.三位以后任意数字9个

var phoneStr = "13671229599"
var reg = /^1[3-9][0-9]{9}$/;  //a开头后立马结尾
console.log(reg.test("aaa")); //false
console.log(reg.test("a")); //true

• .表示匹配任意字符，若要表示单纯的.，就要用到转义字符。“.”来表示.。字符串中也需要转义字符""。
  注意：使用构造函数时创建正则表达式时，由于它的参数是一个字符串，而\是字符串中转义字符，如果要使用\，则要使用两个\来代替。
• \w 匹配任意字母、数字、_ 。相当于[A-z0-9_]
• \W 匹配除了字母、数字、相当于[^A-z0-9]
• \d 匹配任意的数字。相当于[0-9]
• \D 匹配除了数字。相当于[^0-9]
• \s 匹配空格。
• \S 匹配除了空格。
• \b 匹配单词边界。
• \B 匹配除了单词边界。
  例子1：创建一个正则表达式检查一个字符串中是否含有单词child。

var reg = /\bchild\b/;//需要单词边界
console.log(reg.test("he;lo children")); 

例子2：去除字符串前后的空格。
解答：使用""来替换空格

var str = "    he  llo    ";
//去除开头的空格
//str = str.replace(/^\s*/, "");
//去除结尾的空格
//str = str.replace(/\s*$/, "");
//匹配开头和结尾的空格
str = str.replace(/^\s*/|/\s*$/g, "");

练习：匹配电子邮件。
解答：
1.任意字母数字下划线
2.@
3.域名：任意字母数字
4. . 任意字母2-5位
5. .任意字母2-5位