npm 包 matches 使用教程

前言

在前端开发中，我们经常会遇到需要校验数据的场景。例如，在使用表单提交数据时，我们需要对用户的输入进行校验，而这种校验往往需要使用正则表达式来完成。而在 JavaScript 中，我们通过使用 RegExp 对象来创建和操作正则表达式。

不过，使用 RegExp 编写正则表达式有时候比较复杂，而且容易出错。此时，我们可以尝试使用 matches 这个 npm 包来简化校验逻辑。

什么是 matches？

matches 是一个简单的 JavaScript 库，它提供了一系列方法用于校验字符串是否符合某个规则。 matches 支持使用普通字符串或者正则表达式作为规则，同时它内部也包含了很多常用的规则。

通过使用 matches 包，我们可以非常方便地实现字符串校验逻辑，而无需编写繁琐的正则表达式。

如何使用 matches？

安装 matches

在使用 matches 之前，我们首先需要安装它。在命令行中运行以下命令，即可完成安装：

npm install matches

使用 matches

安装完成之后，我们就可以在项目中使用 matches 了。

下面是一个简单的例子，展示了如何使用 matches 来校验手机号码的格式是否正确。

const { matches } = require('matches')

const isMobile = matches.mobile

console.log(isMobile('13700000000')) // true
console.log(isMobile('13600000')) // false

在上面的例子中，我们通过引入 matches 后，使用 matches.mobile 方法来获取手机号码的校验规则。然后，我们就可以通过调用 isMobile 方法来校验手机号码是否符合要求了。

在这个例子中，isMobile 方法返回了 true，因为输入的手机号码是符合格式要求的。如果输入的手机号码不符合要求，isMobile 方法则会返回 false。

matches 支持哪些规则？

matches 内置了很多常用的字符串校验规则，这些规则不仅可以被直接调用，而且也可以自定义。

下面是一张 matches 内置的规则列表，展示了一些常用的校验规则。

我们可以通过以下方式来引用这些规则：

const { matches } = require('matches')

const isRequired = matches.required
const isEmail = matches.email
const isMobile = matches.mobile
// ...

自定义规则

如果 matches 内置的规则并不能满足我们的需求，我们还可以使用 matches 提供的方法来自定义规则。

下面是一个例子，展示了如何自定义一个规则，用于校验是否为特定值：

-- -------------------- ---- -------
----- - ------- - - ------------------

-------- -------------- -
  ------ --------------- -
    ------ ----- --- -----
  -
-

----- ------ - -------------

------------------------- -- ----
-------------------------- -- -----

在这个例子中，我们使用了 matches 提供的方法 functionRule 来自定义规则。该方法接受一个函数作为参数，该函数返回一个校验函数。

在例子中，我们通过调用 isValue 方法传入 true，来创建一个检验是否为 true 的规则。然后，我们可以通过调用 isTrue 方法来校验一个布尔值是不是 true。

结论

在实际开发中，使用 matches 包可以 greatly 简化字符串校验逻辑，同时也可以减少编写正则表达式的复杂度。但是，为了满足更加复杂的需求，我们也可以自定义规则，从而使得 matches 更加灵活。

希望这篇文章对大家实现校验逻辑有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe8db5cbfe1ea0611b74