url 的正则表达式：path-to-regexp

概述：该工具库用来处理 url 中地址与参数，能够很方便得到我们想要的数据。

js 中有 RegExp 方法做正则表达式校验，而 path-to-regexp 可以看成是 url 字符串的正则表达式。

npm install path-to-regexp

const pathToRegexp = require('path-to-regexp');

API 介绍

1. pathToRegexp()

作用：这里这个方法可以类比于 js 中 new ExpReg('xxx')。

1. //注意两点，一点是我们自己的 url 地址，一条是匹配规则。

2.  

3. var pathToRegexp = require('path-to-regexp')

4.  

5. var re = pathToRegexp('/foo/:bar')

6. console.log(re);

7. // /^\/foo\/((?:[^\/]+?))(?:\/(?=$))?$/i

2、exec()

作用：匹配 url 地址与规则是否相符。

1. //url路径与匹配规则不相符返回 null, 与匹配规则相符，返回一个数组。

2. var pathToRegexp = require('path-to-regexp')

3.  

4. var re = pathToRegexp('/foo/:bar'); // 匹配规则

5. var match1 = re.exec('/test/route'); // url 路径

6. var match2 = re.exec('/foo/route'); // url 路径

7.  

8. console.log(match1); //null

9. console.log(match2); //[ '/foo/route', 'route', index: 0, input: '/foo/route' ]

3. parse()

作用：解析 url 字符串中的参数部分（:id）

1. //返回一个数组，可得到 url 地址携带参数的属性名称（item.name）。

2. //url 中携带参数出了 :id 这种形式，还有 /user?id=11 这种，使用 parse() 方法解析自行查看结果

3.  

4. var pathToRegexp = require('path-to-regexp');

5.  

6. var url = '/user/:id';

7. console.log(pathToRegexp.parse(url));

8. //[ '/user',{ name: 'id', prefix: '/',delimiter: '/',optional: false, repeat: false, partial: false, pattern: '[^\\/]+?' } ]

4. compile()

作用：快速填充 url 字符串的参数值。

1. var pathToRegexp = require('path-to-regexp')

2.  

3. var url = '/user/:id/:name'

4. var data = {id: 10001, name: 'bob'}

5. console.log(pathToRegexp.compile(url)(data)); // /user/10001/bob