npm 包 node-red-contrib-match 使用教程

前言

在前端开发中，我们常常需要进行字符串的匹配，比如说验证用户输入的手机号码是否符合规范、过滤某些敏感词汇、提取一段文本中的关键字等等。针对这样的应用场景，我们可以直接使用 JavaScript 内置的字符串方法或 RegExp 正则表达式进行操作。但是，如果要处理的数据量较大或者需求比较复杂，这些方法就显得不太够用了。此时，我们可以借助一些第三方的工具，如 node-red-contrib-match 这个 npm 包。

node-red-contrib-match 是一款在 Node-RED 上运行的 npm 包，它提供了一系列方便易用的节点来对数据进行匹配。在这篇文章中，我们将会介绍这个包的使用方法，并通过实例来说明其实际应用。

安装

在使用 node-red-contrib-match 前，我们需要先在本地安装 Node-RED。具体安装方法可以参考 Node-RED 官网的文档。

然后，我们可以通过 npm 在 Node-RED 上安装 node-red-contrib-match包：

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

安装完成后，在 Node-RED 的节点面板中就会出现一系列与 node-red-contrib-match 相关的节点，如下图所示：

主要功能

node-red-contrib-match 包含了许多有用的节点，这里我们先来介绍一下其中一些常用的节点及其对应功能。

1. match 文本匹配

match 节点是 node-red-contrib-match 中最常用的一个节点，它可以根据用户设置的正则表达式进行文本匹配，并将匹配结果输出。match 节点的基本配置如下：

• Topic：输出结果的消息标题；
• RegEx：用于匹配的正则表达式；
• Flags：正则表达式的修饰符；
• Property：用于提取的匹配内容的属性名；
• Name：输出结果的节点名称。

我们可以通过名为 match-demo 的节点实例来演示如何使用 match 节点：

1. 拖入 match 节点，并在其配置页面中填写以下信息：

   • RegEx：\d+
   • Flags：g
   • Property：payload

2. 接着，拖入一个 inject 节点，并配置其 payload 为 123abc456def789。

3. 再拖入一个 debug 节点，用于查看匹配结果。

如下图所示：

在这个示例中，我们使用了 g 修饰符来全局匹配字符串中的数字，并通过 Property 属性将匹配结果存在了 payload 中。最后，我们将输出的结果传输到了 debug 节点中，可以看到其输出了匹配到的三个数字。

2. split 分割文本

split 节点可以将一个文本分割成多个子文本，并将每个子文本单独输出。split 节点的基本配置如下：

• Topic：输出结果的消息标题；
• Separator：用于分割的分隔符；
• Property：用于提取的子文本内容属性名；
• Name：输出结果的节点名称。

我们同样可以通过名为 split-demo 的节点实例来演示如何使用 split 节点来分割文本：

1. 拖入该节点，并在其配置页面中填写以下信息：

   • Separator：,

2. 接着，拖入一个 inject 节点，并配置其 payload 为 a,b,c,d。

3. 再拖入一个 debug 节点，用于查看分割结果。

如下图所示：

在这个示例中，我们使用 , 作为分隔符对字符串进行分割，并通过 Property 属性将每个子文本单独存储在一个数组中，并输出到 debug 节点中。

3. replace 替换文本

replace 节点可以对文本中匹配到的指定内容进行替换，并将替换结果输出。replace 节点的基本配置如下：

• Topic：输出结果的消息标题；
• Search：需要替换的内容；
• Replace：替换成的内容；
• Property：用于存储替换后文本的属性名；
• Name：输出结果的节点名称。

接下来，我们可以通过名为 replace-demo 的节点实例来演示如何使用 replace 节点：

1. 拖入该节点，并在其配置页面中填写以下信息：

   • Search：world
   • Replace：Node-RED
   • Property：payload

2. 接着，拖入一个 inject 节点，并配置其 payload 为 Hello, world.

3. 再拖入一个 debug 节点，用于查看替换结果。

如下图所示：

在这个示例中，我们将 Hello, world 中的 world 替换成了 Node-RED，并将结果存在了 payload 中输出到了 debug 节点中。

总结

node-red-contrib-match 是一款非常实用的 npm 包，它可以方便地对数据进行匹配、分割和替换等操作。本文中，我们介绍了该包中的一些主要节点及其使用方法，并通过实例进行了说明。希望读者们能够掌握这些节点的基本使用，并在实际应用中加以运用。

代码示例：

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

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055caf81e8991b448da149