pathToRegexp使用

Posted ewarm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pathToRegexp使用相关的知识,希望对你有一定的参考价值。

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

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

使用

第三方库,使用前先进行安装:

$ npm install path-to-regexp

在 js 中使用:

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

API 介绍

1. pathToRegexp()

作用:这里这个方法可以类比于 js 中 new RegExp(‘xxx‘)

var pathToRegexp = require(‘path-to-regexp‘)

var re = pathToRegexp(‘/foo/:bar‘)
console.log(re);  

打印结果如下:

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

要注意两点,一点是我们自己的 url 地址,一条是匹配规则。

2. exec()

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

var pathToRegexp = require(‘path-to-regexp‘)

var re = pathToRegexp(‘/foo/:bar‘);     // 匹配规则
var match1 = re.exec(‘/test/route‘);    // url 路径
var match2 = re.exec(‘/foo/route‘);     // url 路径

console.log(match1);
console.log(match2)

打印结果如下:

null
[ ‘/foo/route‘, ‘route‘, index: 0, input: ‘/foo/route‘ ]

说明:

上述代码中,第一个 url 路径与匹配规则不相符返回 null,第二个 url 路径与匹配规则相符,返回一个数组。

3. parse()

作用:解析 url 字符串中的参数部分(:id)。

var pathToRegexp = require(‘path-to-regexp‘);

var url = ‘/user/:id‘;
console.log(pathToRegexp.parse(url));

打印结果如下:

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

说明:返回一个数组,从第二个数据可以就可以得到 url 地址携带参数的属性名称(item.name)。

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

4. compile()

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

var pathToRegexp = require(‘path-to-regexp‘)

var url = ‘/user/:id/:name‘
var data = {id: 10001, name: ‘bob‘}
console.log(pathToRegexp.compile(url)(data))

打印结果:

/user/10001/bob

作者:dkvirus
链接:https://www.jianshu.com/p/7d2dbfdd1b0f
来源:简书
 

以上是关于pathToRegexp使用的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序代码片段

webstorm代码片段的创建

VIM 代码片段插件 ultisnips 使用教程

Android课程---Android Studio使用小技巧:提取方法代码片段

使用 Git 来管理 Xcode 中的代码片段

如何在 Javadoc 中使用 @ 和 符号格式化代码片段?