VerbalExpressions 让 JavaScript 正则表达式变得简单 - 文章教程

VerbalExpressions 让 JavaScript 正则表达式变得简单

发布于 2021-09-14 字数 3768 浏览 670 评论 0

VerbalExpressions 是一个 JavaScript 库,可帮助构建困难的正则表达式。

如何开始

在浏览器中

<script  src ="VerbalExpressions.js"></script>

或者使用 jsDelivr CDN

在服务器上(node.js)

安装:

npm install verbal-expressions

Require:

const VerEx = require('verbal-expressions');

Or use ES6’s import:

import VerEx from 'verbal-expressions';

创建发布版本

npm run build

这将运行 BabelVerbalExpressions.js,并输出结果 dist/verbalexpressions.js。同样的缩小版本也将写入 dist/verbalexpressions.min.js.

还将在 中创建源映射 dist,因此您可以使用原始的“un-babelified”、未缩小的源文件进行调试。

构建 docs/ 文件夹

docs/ 文件夹使用 Jekyll 构建静态 HTML,并托管在 gh-pages 上。

要安装 Ruby 依赖项,请运行:

cd docs/
bundle install

这会在本地安装所有需要的 Ruby 依赖项

安装依赖项后,您可以运行:

bundle exec jekyll build

这会将所有静态文件构建到 docs/_site/ 文件夹中。

如果要在本地开发文件,可以运行:

bundle exec jekyll serve

这将启动本地开发 Web 服务器并开始监视文件的更改。

API 文档

您可以在verbalexpressions.github.io/JSVerbalExpressions找到 API 文档。您可以在 中找到文档的源代码docs

例子

以下是一些简单的示例,可让您了解 VerbalExpressions 的工作原理:

测试我们是否有一个有效的 URL

// Create an example of how to test for correctly formed URLs
const tester = VerEx()
    .startOfLine()
    .then('http')
    .maybe('s')
    .then('://')
    .maybe('www.')
    .anythingBut(' ')
    .endOfLine();

// Create an example URL
const testMe = 'https://www.google.com';

// Use RegExp object's native test() function
if (tester.test(testMe)) {
    alert('We have a correct URL'); // This output will fire
} else {
    alert('The URL is incorrect');
}

console.log(tester); // Outputs the actual expression used: /^(http)(s)?(\:\/\/)(www\.)?([^\ ]*)$/

替换字符串

// Create a test string
const replaceMe = 'Replace bird with a duck';

// Create an expression that seeks for word "bird"
const expression = VerEx().find('bird');

// Execute the expression like a normal RegExp object
const result = expression.replace(replaceMe, 'duck');

// Outputs "Replace duck with a duck"
alert(result);

字符串替换的简写

const result = VerEx().find('red').replace('We have a red house', 'blue');

// Outputs "We have a blue house"
alert(result);

工具

项目地址:https://github.com/VerbalExpressions/JSVerbalExpressions

如果你对这篇文章有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2414 文章
28 评论
64864 人气
更多

推荐作者

qq_81h7fk

文章 0 评论 0

Aik

文章 0 评论 0

爱上歆随懿恫

文章 0 评论 0

qq_rvKjBH

文章 0 评论 0