struc 是一个高度可定制的结构化打印工具，可以很方便地格式化并打印 JSON、文本等数据。它可以帮助前端开发者轻松地调试和排查代码中的问题，提高开发和调试效率。
安装
在使用 struc 之前，你需要先安装它。在终端中进入你的项目目录，执行以下命令：
--- ------- ----- ------
使用
下面我们以一个简单的 JSON 数据为例来演示 struc 的使用方法。
1. 导入 struc
在代码中添加如下语句：
----- ----- - -----------------
2. 定义 JSON 数据
我们定义一个 JSON 数据：
----- ---- - - ----- ------ ---- --- ---------- ----- -------- -------------- ---------- -------- -
3. 打印 JSON 数据
使用 struc(data) 方法打印 JSON 数据：
-------------------------
输出结果如下：
- ----- ---- ---- --- ---------- ----- -------- ------------ -------- ------ -
通过以上代码，我们可以看到，经过 struc 打印后，JSON 数据被完美的格式化，树形结构更加清晰，易于阅读。
深度
除了基本的打印功能外，struc 还支持更深层次的打印，以展示数据结构中更多细节信息。
使用深层次格式化选项
我们使用一个更加复杂的 JSON 数据来演示如何使用深层次格式化选项。该数据包含有一个嵌套的数组 data.extraInfo，即在外层数据结构的每个键值对中，都有这样一组子数据。
我们可以使用 struc(data, options) 方法，其中第二个参数 options 是一个对象，可以对输出格式进行深层次的控制。
----- ---- - -
----- ------
---- ---
---------- -----
-------- -------------- ---------- ---------
---------- -
-
------ --------
------ ------------
--
-
------ --------
------ -----------------
-
-
-
----------------------- -
------ -
----我们指定了 options 中的 depth 为 1，表示只打印到第一层的数据结构。输出如下：
- ----- ---- ---- --- ---------- ----- -------- ------------ -------- ------- ---------- ----- -
可以看到，只有 extraInfo 被省略掉了，符合我们的深度设定。
使用转换器
除了深度设定外，我们还可以使用转换器，对打印内容进行更精细的处理。
----- ---- - -
----- ------
---- ---
---------- -----
-------- -------------- ---------- ---------
---------- -
-
------ --------
------ ------------
--
-
------ --------
------ -----------------
-
-
-
----------------------- -
------ --
---------- ------- ---- -- -
-- ---- --- ------------ -
------ -------------- -- --------------- ---------------------------
-
------ ------
-
----上面代码中，我们为 options 中添加了一个 transform 选项，它接受一个转换器函数，用于对打印内容进行定制化的处理。在这个例子中，我们设定了输出信息的深度为 2，然后，对键名 extraInfo 进行转换，将其转化为一个字符串，不再单独打印。
输出如下：
- ----- ---- ---- --- ---------- ----- -------- ------------ -------- ------- ---------- ------ ---------- ------ --------------- -
可以看到，extraInfo 被转化为了一行字符串，而非原始的键值对格式。这就是使用转换器进行定制化输出的实际应用。
学习和指导意义
struc 是一个非常实用的工具，能够让前端开发者更加高效地排查代码中的问题。在实际项目开发中，我们经常碰到需要打印调试信息的情况，有了 struc，我们可以轻松地对数据结构进行格式化并打印，更加快速地找到问题所在。
此外，struc 的使用方法并不复杂，我们只需要几行代码即可轻松实现它的功能。由此可见，代码中其实还有许多实用的 npm 工具包，这些包都能够提高我们的开发效率，是值得我们认真学习的。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600576b981e8991b448eaaed