当前位置：首页 > 软件库 > 程序开发 > 正则表达式工具 >

Path-to-RegExp

将路径字符串转换为正则表达式的工具

授权协议 MIT

开发语言 TypeScript

所属分类程序开发、正则表达式工具

软件类型开源软件

地区不详

投递者皮弘博

操作系统跨平台

开源组织无

适用人群未知

软件概览

Path-to-RegExp 是一个可以将诸如/user/:name这样的路径字符串转换为正则表达式的工具。

安装

npm install path-to-regexp --save

用法

const { pathToRegexp, match, parse, compile } = require("path-to-regexp");

// pathToRegexp(path, keys?, options?)
// match(path)
// parse(path)
// compile(path)

Path to regexp

该pathToRegexp函数将根据提供的path参数返回一个正则表达式对象。它接受以下参数：

Path 字符串、字符串数组或正则表达式。
Keys （可选）要填充路径中找到的键的数组。
Option （可选）
- sensitive
- strict
- end
- start
- delimiter
- EndsWith
- encode
- prefixes

const keys = [];
const regexp = pathToRegexp("/foo/:bar", keys);
// regexp = /^\/foo(?:\/([^\/#\?]+?))[\/#\?]?$/i
// keys = [{ name: 'bar', prefix: '/', suffix: '', pattern: '[^\\/#\\?]+?', modifier: '' }]

参数

path 参数用于定义参数和填充键。

命名参数

命名参数是通过在参数名称前加一个冒号来定义的( :foo) 。

const regexp = pathToRegexp("/:foo/:bar");
// keys = [{ name: 'foo', prefix: '/', ... }, { name: 'bar', prefix: '/', ... }]

regexp.exec("/test/route");
//=> [ '/test/route', 'test', 'route', index: 0, input: '/test/route', groups: undefined ]

请注意：参数名称必须使用“单词字符”( [A-Za-z0-9_])。

自定义匹配参数

参数可以有一个自定义的正则表达式，它会覆盖默认匹配 ( [^/]+)。例如，可以匹配路径中的数字或名称：

const regexpNumbers = pathToRegexp("/icon-:foo(\\d+).png");
// keys = [{ name: 'foo', ... }]

regexpNumbers.exec("/icon-123.png");
//=> ['/icon-123.png', '123']

regexpNumbers.exec("/icon-abc.png");
//=> null

const regexpWord = pathToRegexp("/(user|u)");
// keys = [{ name: 0, ... }]

regexpWord.exec("/u");
//=> ['/u', 'u']

regexpWord.exec("/users");
//=> null

提示：反斜杠需要在 JavaScript 字符串中使用另一个反斜杠进行转义。

自定义前缀和后缀

可以将参数包裹起来，{}为你的细分创建自定义前缀或后缀：

const regexp = pathToRegexp("/:attr1?{-:attr2}?{-:attr3}?");

regexp.exec("/test");
// => ['/test', 'test', undefined, undefined]

regexp.exec("/test-test");
// => ['/test', 'test', 'test', undefined]

使用案例

Path-to-RegExp模块

将路径字符串（如/ user /：name）转换为正则表达式。 path-to-regexp 介绍安装模块 npm install path-to-regexp --save 简单的使用 // 引入模块 let PathToReg = require('path-to-regexp') // 要使用路径中找到的键填充的数组 let keys = [] let reg = PathToReg('
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(
pathRegexp is not a function 引入path-to-regexp之后出错

TypeError: pathRegexp is not a function at new Layer (E:\webpackDemo\node_modules\_express@4.17.1@express\lib\router\layer.js:45:17) 出现这种原因呢我们追究一下源码 var pathRegexp = require('path-to-regexp'); va
PocketLibs（2）—— 请求相关 path-to-regexp

code in here 使用path-to-regexp，我们可以在路径字符串中使用正则。如/:foo*/:bar?、/icon-:foo(\\d+).png等。像express、vue好多框架都引用它做路径匹配，看一看，一劳永逸。直接调用构造函数使用，一个可能含某种匹配模式的路径字符串作为它的必选参数，它返回一个正则对象。我们的请求路径与该正则匹配，匹配成功就是接上头了。 const p
Path-to-PegExp的使用

下载： 1 npm install path-to-regexp --save 引入： var pathToRegexp = require('path-to-regexp') 或者 import pathToRegexp from 'path-to-regexp' API介绍： 1.pathToRegexp() 作用：将我们输入的url输出为匹配规则； 1 var re = pathToRege
vue中router path-to-regexp的compile没有定义

当参考vue-element-admin 源码的时候人家面包屑用的 path-to-regexp。引用的时候也是在当前页面 import pathToRegexp from ‘path-to-regexp’ 直接这么导入到时候直接 pathToRegexp点什么什么什么。我发现到了我这不起作用。用pathToRegexp.compile（）说我未定义。解决办法 const pathToR
解析 react、vue等路由参数的库 path-to-regexp

React-router的路由系统内部中使用的是 path-to-regexp 解析匹配路由参数。具体用法如下 const { pathToRegexp } = require("path-to-regexp") const regexp = pathToRegexp("/:foo/:bar"); // keys = [{ name: 'foo', prefix: '/', ... }, {

Path-to-RegExp

安装

用法

Path to regexp

参数

命名参数

同类工具

相关阅读

相关文章

相关问答

相关文档