JS正则表达式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> 1. 正则表达式 /* * 正则表达式 * - admin@atguigu.com * - admin@.com adminatguigu.com * - 邮件的规则: * 1.前边可以是xxxx乱七八糟 * 2.跟着一个@ * 3.后边可以是xxxx乱七八糟 * 4..com获取其他的乱七八糟 * * - 正则表达式用于定义一些字符串的规则, * 计算机可以根据正则表达式,来检查一个字符串是否符合规则, * 获取将字符串中符合规则的内容提取出来 */ //创建正则表达式的对象 /* * 语法: * var 变量 = new RegExp("正则表达式","匹配模式"); * 使用typeof检查正则对象,会返回object * var reg = new RegExp("a"); 这个正则表达式可以来检查一个字符串中是否含有a, * 在构造函数中可以传递一个匹配模式作为第二个参数, * 可以是 * i 忽略大小写 * g 全局匹配模式 */ var reg = new RegExp("ab","i"); var str = "a"; /* * 正则表达式的方法: * test() * - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则, * 如果符合则返回true,否则返回false */ var result = reg.test(str); //console.log(result); console.log(reg.test("Ac")); 2, 使用字面量创建正则表达式 /* * 使用字面量来创建正则表达式 * 语法:var 变量 = /正则表达式/匹配模式 * 使用字面量的方式创建更加简单 * 使用构造函数创建更加灵活,可以传递变量 * */ //var reg = new RegExp("a","i"); //等价于 var reg = /a/i; //console.log(typeof reg); //console.log(reg.test("abc")); //创建一个正则表达式,检查一个字符串中是否有a或b /* * 使用 | 表示或者的意思 */ reg = /a|b|c/; /* * 创建一个正则表达式检查一个字符串中是否有字母 */ //reg = /a|b|c|d|e|f|g/; /* * []里的内容也是或的关系 * [ab] == a|b * [a-z] 任意小写字母 * [A-Z] 任意大写字母 * [A-z] 任意字母 * [0-9] 任意数字 */ reg = /[A-z]/; //检查一个字符串中是否含有 abc 或 adc 或 aec reg = /a[bde]c/; /* * [^ ] 除了 */ reg = /[^ab]/; reg = /[^0-9]/; console.log(reg.test("12a3456")); 3, 字符串与正则表达式相关的方法 var str = "1a2b3c4d5e6f7"; /* * split() * - 可以将一个字符串拆分为一个数组 * - 方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串 * - 这个方法即使不指定全局匹配,也会全都插分 */ /* * 根据任意字母来将字符串拆分 */ var result = str.split(/[A-z]/); //result = [1,2,3,4,5,6,7] //console.log(result); /* * search() * - 可以搜索字符串中是否含有指定内容 * - 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到返回-1 * - 它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串 * - serach()只会查找第一个,即使设置全局匹配也没用 */ str = "hello abc hello aec afc"; /* * 搜索字符串中是否含有abc 或 aec 或 afc */ result = str.search(/a[bef]c/); //console.log(result); /* * match() * - 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来 * - 默认情况下我们的match只会找到第一个符合要求的内容,找到以后就停止检索 * 我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容 * 可以为一个正则表达式设置多个匹配模式,且顺序无所谓 * - match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果 * * */ str = "1a2a3a4a5e6f7A8B9C"; result = str.match(/[a-z]/ig); //即全局匹配又忽略大小写 //console.log(result[2]); /* * replace() * - 可以将字符串中指定内容替换为新的内容 * - 参数: * 1.被替换的内容,可以接受一个正则表达式作为参数 * 2.新的内容 * - 默认只会替换第一个 */ //result = str.replace("a" , "@_@"); //替换第一个a //result = str.replace(/a/g , "@_@"); //替换所有a //result = str.replace(/[a-z]/gi , "@_@"); result = str.replace(/[a-z]/gi , ""); //删除所有字母 //console.log(result); 4, 正则表达式的量词 /* * 创建一个正则表达式检查一个字符串中是否含有aaa */ /* * 量词 * - 通过量词可以设置一个内容出现的次数 * - 量词只对它前边的一个内容起作用 * - {n} 正好出现n次 * - {m,n} 出现m-n次 * - {m,} m次以上 * - + 至少一个,相当于{1,} * - * 0个或多个,相当于{0,} * - ? 0个或1个,相当于{0,1} */ var reg = /a{3}/; //abbb reg = /(ab){3}/; //ababab reg = /(ab){3}/; reg = /b{3}/; reg = /ab{1,3}c/; reg = /ab{3,}c/; //3次以上 reg = /ab+c/; reg = /ab*c/; reg = /ab?c/; //console.log(reg.test("abbc")); /* * 检查一个字符串中是否以a开头 * ^ 表示开头 [^] 除了 * $ 表示结尾 */ reg = /^a/; //匹配开头的a reg = /a$/; //匹配结尾的a //console.log(reg.test("abcabca")); /* * 如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式 */ reg = /^a$/; //只有一个 a reg = /^a|a$/; //以a开头以a结尾 //console.log(reg.test("bbca")); /* * 创建一个正则表达式,用来检查一个字符串是否是一个合法手机号 * * 手机号的规则: * 1 3 567890123 (11位) * * 1. 以1开头 * 2. 第二位3-9任意数字 * 3. 三位以后任意数字9个 * * ^1 [3-9] [0-9]{9}$ * */ var phoneStr = "13067890123"; var phoneReg = /^1[3-9][0-9]{9}$/; //只有手机号 console.log(phoneReg.test(phoneStr)); 5, 正则表达式元字符 /* * 检查一个字符串中是否含有 . * . 表示任意字符 * 在正则表达式中使用\作为转义字符 * \. 来表示. * \\ 表示\ * * 注意:使用构造函数时,由于它的参数是一个字符串,而\是字符串中转义字符, * 如果要使用\则需要使用\\来代替 */ var reg = /\./; reg = /\\/; reg = new RegExp("\\."); // 一个 \. reg = new RegExp("\\\\"); // 两个 \\ /* * \w * - 任意字母、数字、_ [A-z0-9_] * \W * - 除了字母、数字、_ [^A-z0-9_] * \d * - 任意的数字 [0-9] * \D * - 除了数字 [^0-9] * \s * - 空格 * \S * - 除了空格 * \b * - 单词边界 * \B * - 除了单词边界 */ reg = /\w/; reg = /\W/; reg = /\d/; reg = /\D/; reg = /\s/; reg = /\S/; /* * 创建一个正则表达式检查一个字符串中是否含有单词child */ reg = /\bchild\b/; //console.log(reg.test("hello child ")); //console.log(reg.test("hello children ")); false //接收一个用户的输入 //var str = prompt("请输入你的用户名:"); var str = " he llo "; //去除掉字符串中的前后的空格 //去除空格就是使用""来替换空格 console.log(str); //str = str.replace(/\s/g , ""); //去除开头的空格 //str = str.replace(/^\s*/, ""); //去除结尾的空格 //str = str.replace(/\s*$/, ""); // /^\s*|\s*$/g 匹配开头和结尾的空格 str = str.replace(/^\s*|\s*$/g,""); str = str.replace(/^\s+|\s+$/g,""); str = str.replace(/^\s*$/g,""); //空 console.log(str); 6, 电子邮件正则表达式 /* * 电子邮件 * hello .nihao @ abc .com.cn * * 任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母(2-5位) .任意字母(2-5位) * * \w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2} */ var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/; var email = "abc.hello@163.com"; console.log(emailReg.test(email)); </script> </head> <body> </body> </html>