基础知识

houdunren.com (opens new window)@ 向军大叔
正则表达式是用于匹配字符串中字符组合的模式，在 JavaScript中，正则表达式也是对象。

• 正则表达式是在宿主环境下运行的，如js/php/node.js 等
• 本章讲解的知识在其他语言中知识也是可用的，会有些函数使用上的区别

  #对比分析

  与普通函数操作字符串来比较，正则表达式可以写出更简洁、功能强大的代码。
  下面使用获取字符串中的所有数字来比较函数与正则的差异。
  let hd = “houdunren2200hdcms9988”;
  let nums = […hd].filter(a => !Number.isNaN(parseInt(a)));
  console.log(nums.join(“”));
  使用正则表达式将简单得多
  let hd = “houdunren2200hdcms9988”;
  console.log(hd.match(/\d/g).join(“”));

  #创建正则

  JS提供字面量与对象两种方式创建正则表达式

  #字面量创建

  使用//包裹的字面量创建方式是推荐的作法，但它不能在其中使用变量
  let hd = “houdunren.com”;
  console.log(/u/.test(hd));//true
  下面尝试使用 a 变量时将不可以查询
  let hd = “houdunren.com”;
  let a = “u”;
  console.log(/a/.test(hd)); //false
  虽然可以使用 eval 转换为js语法来实现将变量解析到正则中，但是比较麻烦，所以有变量时建议使用下面的对象创建方式
  let hd = “houdunren.com”;
  let a = “u”;
  console.log(eval(/${a}/).test(hd)); //true

  #对象创建

  当正则需要动态创建时使用对象方式
  let hd = “houdunren.com”;
  let web = “houdunren”;
  let reg = new RegExp(web);
  console.log(reg.test(hd)); //true
  根据用户输入高亮显示内容，支持用户输入正则表达式
  
  
  houdunren.com
  
  
  
  通过对象创建正则提取标签
  
  

  houdunren.com

  
  

  hdcms.com