在前端开发中，文本解析是一个非常常见的需求。包括正则表达式、字符串的分割和替换等等。在这里，我向大家介绍一个非常棒的npm包——allex_positionbasedtextparser。
这个包能够快速地解析文本，并按照指定的规则进行切片。使用这个包可以快速地将需要的信息从字符串中提取出来，而不必对原始数据进行破坏性更改。
安装
在命令行中使用下列命令安装这个npm包：
npm install allex_positionbasedtextparser --save
使用
在引入allex_positionbasedtextparser的前提下，使用如下方式定义一个解析器。
-- -------------------- ---- -------
--- ------ - -----------------------------------------
--- ------ - --- --------
----------- -
------ ----
---- ------
--
------- -
- ----- -------- ------ -- ---- --- --
- ----- ------- ------ ------------ ---- ----- -
-
--这里，我们使用了一个由两个key-value pairs组成的对象来进行解析器的初始化。其中的delimiters指定了字符串中的分割符号。这里，我们将数据分割成了title和body两个部分。
在上面的代码中，我们还使用了mapper来定义我们需要的信息。mapper是一个由若干个key-value pairs组成的数组。
每个array中的元素代表一个特定的信息 part。在这里，我们使用的都是介于start和end之间的字符串。其中，name属性是为了让我们能够识别这个 part，start和end 定义了其起始和结束位置。
现在我们已经初始化了解析器，接下来我们就可以使用它来解析字符串。
const parsed = parser.parse('Hello World:<br>How are you?')
console.log(parsed.title) // "Hello World"
console.log(parsed.body) // "How are you?"这里，我们传入了含有指定分割符的字符串，并在控制台中打印了解析结果。
以上就是这个npm包的基本用法。接下来我们将深入一些更高阶的用法。
高级列表
Using the Mapper
我们可以使用mapper来定义更加复杂的规则，比如分割出说话人的名字和他们的讲话内容。
-- -------------------- ---- -------
--- ------ - --- --------
----------- -
------ ----
---- ------
--
------- -
- ----- ---------- ------ -- ---- --- --
- ----- --------- ------ --------------- ---- ----- -
-
--
----- ------ - ------------------ - -- ---- - ---- ----------- - -- ----- - ---- -----
-------------------
--
-
---- -
---------- ------
--------- -- -- ---- - ---- ---
--
---- -
---------- -------
--------- -- -- ----- - ---- ----
-
-
--Overriding the Default Splitter
我们也可以使用一个自定义的分割符。下面，我们将使用逗号分割一段文字。
-- -------------------- ---- -------
--- ------ - --- --------
----------- -
------ ---
---- -- -
--
------- -
- ----- -------- ------ -- ---- - - --
- ----- --------- ------ ------------ ---- -- -
-
---
----- ------ - ------------------ ----- ------ -----
-------------------
-- - ------ ------- ------- ------ ------ ---- -Custom Mappers
我们也可以创建新的解析器。在这个解析器中，我们定义了一些我们需要的的自定义函数：
-- -------------------- ---- -------
--- ------------ - --- --------
------- -
-
----- --------
------ --
---- ------
------- -------- ------ - ------ ------------------ -
--
-
----- ------
------ --
---- ------
------- -------- ------ - ------ -------------- ----------- - -- -
-
-
--
----- ------ - ------------------------- -------
-------------------
-- - ------ ------ ------- ---- ------ --- -如果我们需要自定义功能更加强大的解析器，我们可以在这个上面继续修改。
实用案例
我们可以使用allex_positionbasedtextparser来实现一些实用的功能，比如说，提取出特定的导航链接。
下面，我们处理一组数据，其中包含了一些文本信息和各种链接。我们使用解析器来提取出我们需要的链接：
-- -------------------- ---- -------
----- ---- - -------- -- -- ----- ------ ------ ---- --- ---------- ----- ------
-- -------------------------------------- -----
-- ----------------------------------------
-- -------------------------------------- -----
-- -------------------------------------- ------
--- ------ - --- --------
----------- -
------ ----
---- ---
--
------- -
----- --------
------ ---------
---- ----
------- -------- ------ - ------ ---- -
-
---
----- ------ - -------------------
-------------------
-- --------------------------- ------------------------- -------------------------- --------------------------这里，我们使用了一个基于allex_positionbasedtextparser的解析器。在mapper中，我们定义了一个新的对象，并将其存储了所有链接。
总结
在本文中，我们讲解了如何使用allex_positionbasedtextparser来解析前端文本。我们通过示例展示了解析器的基本原理，并深入介绍了mapper的高级应用。最后，我们还介绍了一些实用案例，以帮助你更好的理解解析器的用法。
如果您正在为文本解析问题苦恼，不妨尝试一下allex_positionbasedtextparser吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055da681e8991b448db65f