正则是一个应用很广泛的方法，在学校的课程中和刷题过程中都遇到过有关正则表达式的问题，但是一直都没有认真的学习，一般就是用的时候看一眼用完就跑了，今天看到了手写获取url参数的题，借这个机会系统的学习的正则

问题

给你一个get请求的url链接，获取到其中指定的参数

格式："https://www.baidu.com/t.html?name=mick&age=20"

URL参数是追加到 URL 上的一个名称/值对。参数以问号 (?) 开始并采用 name=value 的格式。如果存在多个 URL 参数，则参数之间用一个 (&) 符隔开。

看到这个题我想到的第一想法就是正则，但是让我们学习一下其他的几种写法

现代方式

直接利用浏览器提供的API，最简单的方式

function getQueryString(name) {
  const url_string = "https://www.baidu.com/t.html?name=mick&age=20"; // window.location.href
  const url = new URL(url_string);
  return url.searchParams.get(name);
}

console.log(getQueryString('name')) // mick
console.log(getQueryString('age')) // 20

利用URL()将字符串转化为URL，然后使用searchParams.get()函数将其中需要的参数提取

老式字符串循环法

核心私信是通过String.split()函数将url不断分割成块，最后获取到自己需要的部分，值得注意的是，url可能是经过编码之后才进行传输的，Url编码的原则就是使用安全的字符（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符。经过编码之后，可以防止歧义（如变量中带有特殊字符导致解析的错误）并允许特殊语言符合（中文）转化为ascii码后传输。所以在处理url之前首先要使用decodeURIComponent进行解码

function getQueryString(name) {
  var url_string = "https%3A%2F%2Fwww.baidu.com%2Ft.html%3Fname%3Dmick%26age%3D20"; // window.location.href
  url_string=decodeURIComponent(url_string)
  var params = url_string.split('?')[1]; // 获取?号后面的参数 name=mick&age=20
  if (!params) return null; // 如果无参，返回null
  var vars = params.split("&"); // 将参数分割成数组 ['name=mick', 'age=20']
  var query_string = {};
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("="); // 将参数的key和值进行分割成 ['name', 'mick']
    var key = pair[0]; // 参数key
    var value = pair[1]; // 参数值
    if (name === key) { // 如果匹配到对应key返回
      return value;
    }
  }
  return null;
}

console.log(getQueryString('name')) // mick
console.log(getQueryString('age')) // 20

正则式表达法

regular expression（regex,re)，使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

在js中，有专门用于进行正则表达的对象RegExp

var patt=new RegExp(pattern,modifiers);

或者更简单的方式:

var patt=/pattern/modifiers;

pattern是具体的匹配模式，而modifiers为修饰符

方括号用于查找某个范围内的字符：

元字符（Metacharacter）是拥有特殊含义的字符：

RegExp 对象方法

支持正则表达式的 String 对象的方法

正则表达式解法

function getQueryString(name) {
    var query_string = "?name=mick&age=20"; // window.location.search
  if (!query_string) return null; // 如果无参，返回null
  var re = /[?&]?([^=]+)=([^&]*)/g;
  var tokens;
  while (tokens = re.exec(query_string)) {
    if (decodeURIComponent(tokens[1]) === name) {
      return decodeURIComponent(tokens[2]);
    }
  }
  return null;
}

console.log(getQueryString('name')) // mick
console.log(getQueryString('age')) // 20

正则表达式的用法还有一道题是lc上的表示数组的字符串，当时做的时候十分痛苦就直接看答案了，今天正好补充一下

题目地址：https://leetcode-cn.com/problems/biao-shi-shu-zhi-de-zi-fu-chuan-lcof/

题目描述

数值（按顺序）可以分成以下几个部分：

若干空格
一个 小数 或者 整数
（可选）一个 'e' 或 'E' ，后面跟着一个 整数
若干空格
小数（按顺序）可以分成以下几个部分：

（可选）一个符号字符（'+' 或 '-'）
下述格式之一：
至少一位数字，后面跟着一个点 '.'
至少一位数字，后面跟着一个点 '.' ，后面再跟着至少一位数字
一个点 '.' ，后面跟着至少一位数字
整数（按顺序）可以分成以下几个部分：

（可选）一个符号字符（'+' 或 '-'）
至少一位数字

var isNumber = function (s) {
    return /^([+-]?((\d*\.\d+)|\d+|(\d+\.\d*)))([eE][+-]?\d+)?$/.test(s.trim())
    //行的开始，符号， 浮点数|整数|浮点数    e   符号  整数 匹配行尾  去掉前后空格
};