在前端开发中，我们经常需要对用户输入的数据进行格式检验与转换。而为了简化代码实现的过程，我们可以使用一个优秀的 npm 包：chainparse。
chainparse 是一个简洁的数据校验库，可以在几行代码内完成对数据的校验与转换。该库允许使用链式语法从输入源中提取信息，并对其进行转换和验证。
安装
你可以通过以下命令安装 chainparse 库：
--- ------- ----------
使用
下面是一个简单的实例，使用 chainparse 库校验并转换输入数据：
----- - ----- - - ----------------------
----- ------ - - ----- ----- ----- ---- ----- ------- ------ --
----- ------ - -------------
------------ ----- -- ------- -----
----------- ----- -- --------------
------------- ----- -- --- --- ------- ------- -- -
----- ------ - ---
-- ---------- - --- -
----------------- ------- ---- -- --- ---------
-
-- -------------- - -- -
----- --- -------------------- ----
-
------ ------
--
---------
--------------------解析器实例
在上面的例子中，我们通过 Parse 函数创建了一个解析器实例，并对输入数据进行了多项转换和校验。
set 方法
set 方法允许我们指定解析器实例中的键值与对应的操作函数。在示例中，我们使用 set 方法将 name 键对应的值转换为 "John Doe Jr."，将 age 键对应的值转换为整型。
if 方法
if 方法支持三个参数：
- 键名
- 条件函数
- 解析函数
在示例中，我们通过 if 方法对 gender 键名进行了一个条件判断。当值为 'male' 时，我们执行了一个解析函数，对输入源进行了校验。在这个解析函数中，我们判断了年龄是否超过了 18 岁，如果小于 18 岁就会抛出错误。
value 方法
最后我们使用 value 方法，停止对输入数据的解析，并返回处理后的数据。在示例中，我们最终返回了一个新的对象，其中包含 name 和 age 的新值。
多个操作函数的链式调用
在 chainparse 中，我们可以链式调用多个操作函数。例如，以下代码演示了如何链式调用 if 方法：
----- - ----- - - ----------------------
----- ------ - - ---- ---- --
----- ------ - -------------
----------- ----- -- --------------
---------- ----- -- --- - --- ------- -- -
----- --- ---------- ---- -- ---- -- -- ----- ---- --- ------------ ----- -------
--
---------- ----- -- --- - --- ------- -- -
----- --- ---------- ---- -- -- ----- -- ----- --- -- ----- ---- --- ------------ ----- -------
--
---------
--------------------总结
chainparse 库极大地简化了前端数据校验的操作过程，提高了数据输入处理的效率。熟练掌握该库的使用方法，对于优化前端开发效率具有重要的指导意义。
练习示例代码：https://github.com/ms314006/ChainParse_Example
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005629981e8991b448dfc78