js基础（正则表达式）

Posted 2020-11-03 xxxloser

 

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

 

创建正则表达式：var reg = new RegExp(“正则表达式”, "匹配模式");

使用正则表达式检测正则对象，会返回object

console.log(typeof new RegExp("ab","i"));  //object

/*
 * 在构造函数中可以传递一个匹配模式作为第二个参数，
 *                  可以是 
 *                            i 忽略大小写 
 *                            g 全局匹配模式
 */
var reg = new RegExp("a","i");
var str = "a";                            
/*
 * 正则表达式的方法：
 *        test()
 *         - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则，
 *                  如果符合则返回true，否则返回false
 */
var result = reg.test(str);
console.log(result);         //true
console.log(reg.test("Ac")); //true

使用字面量创建正则表达式：var reg = /正则表达式/匹配模式

var reg = /a/i;
console.log(typeof reg);
console.log(reg.test("abc"));

正则表达式的语法

/*
* 使用 | 表示或者的意思
*/
reg = /a|b|c/;
/*
* []里的内容也是或的关系
* [ab] == a|b
* [a-z] 任意小写字母
* [A-Z] 任意大写字母
* [A-z] 任意字母
* [0-9] 任意数字
*/
reg = /[A-z]/;
/*
* [^ ] 除了
*/
reg = /[^ab]/;
reg = /[^0-9]/;

字符串和正则表达式的相关的方法

/*
 * split()
 *        - 可以将一个字符串拆分为一个数组
 *        - 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串
 *        - 这个方法即使不指定全局匹配，也会全都插分
 */

/*
 * 根据任意字母来将字符串拆分
 */
 var str = "1a2b3c4d5e6f7";
var result = str.split(/[A-z]/);
console.log(result);     //["1", "2", "3", "4", "5", "6", "7"]
/*
 * search()
 *        - 可以搜索字符串中是否含有指定内容
 *        - 如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到返回-1
 *        - 它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串
 *        - serach()只会查找第一个，即使设置全局匹配也没用
 */
str = "hello abc hello aec afc";
/*
 * 搜索字符串中是否含有abc 或 aec 或 afc
 */
result = str.search(/a[bef]c/);
console.log(result);   //6
/*
 * match()
 *        - 可以根据正则表达式，从一个字符串中将符合条件的内容提取出来
 *        - 默认情况下我们的match只会找到第一个符合要求的内容，找到以后就停止检索
 *                  我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容
 *                  可以为一个正则表达式设置多个匹配模式，且顺序无所谓
 *        - match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果
 * 
 *        
 */
str = "1a2a3a4a5e6f7A8B9C";
result = str.match(/[a-z]/ig);
console.log(result);    //["a", "a", "a", "a", "e", "f", "A", "B", "C"]
/*
* replace()
*        - 可以将字符串中指定内容替换为新的内容
*  - 参数：
*                  1.被替换的内容，可以接受一个正则表达式作为参数
*                  2.新的内容
*  - 默认只会替换第一个
*/
//result = str.replace(/[a-z]/gi , "@[email protected]");
result = str.replace(/[a-z]/gi , "");
console.log(result);     //123456789

正则表达式语句：

/*
 * 量词
 *        - 通过量词可以设置一个内容出现的次数
 *        - 量词只对它前边的一个内容起作用
 *        - {n} 正好出现n次
 *        - {m,n} 出现m-n次
 *        - {m,} m次以上
 *        - + 至少一个，相当于{1,}
 *        - * 0个或多个，相当于{0,}
 *        - ? 0个或1个，相当于{0,1}
 */

/*
* 检查一个字符串中是否以a开头
*        ^ 表示开头
*        $ 表示结尾
*/
/*
* 如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式
*/
reg = /^a$/;
/*
* 手机号的规则：
*        1 3 567890123 （11位）
*        
*        1. 以1开头
*  2. 第二位3-9任意数字
*        3. 三位以后任意数字9个
* 
*  ^1   [3-9]  [0-9]{9}$  
* 
*/
/*
 * 检查一个字符串中是否含有 .
 * . 表示任意字符
 * 在正则表达式中使用\作为转义字符
 * \. 来表示.
 * \\  表示 * 
 * 注意：使用构造函数时，由于它的参数是一个字符串，而\是字符串中转义字符，
 *        如果要使用\则需要使用\\来代替
 */
 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
 *        - 除了单词边界
 */
/*
 * 创建一个正则表达式检查一个字符串中是否含有单词child
 */
reg = /\bchild\b/;
//去除空格就是使用""来替换空格
str = str.replace(/\s/g , "");
//去除开头的空格
str = str.replace(/^\s*/, "");
//去除结尾的空格
str = str.replace(/\s*$/, "");
// /^\s*|\s*$/g 匹配开头和结尾的空格
str = str.replace(/^\s*|\s*$/g,"");

/*
 * 电子邮件
 *        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 = "[email protected]";
console.log(emailReg.test(email));