在前端开发中，我们经常需要对 Markdown 文件进行操作，比如转换为 HTML 或者其他格式的文本。这个时候，使用 mdast 工具库可以很方便地完成这个过程。但是，有时候我们需要将 Markdown 文件中的所有子节点展平，并将它们变为一个数组。这个时候我们可以使用 mdast-flat 工具来达到目的。
安装
在使用 mdast-flat 之前，先确保已经安装了 Node.js 和 npm。如果已经安装完成，可以直接在命令行中使用以下命令进行安装：
npm install mdast-flat
使用
在完成安装之后，可以使用以下代码将 Markdown 文件转换为一个子节点数组：
-- -------------------- ---- -------
----- -- - --------------
----- ------- - -------------------
----- -------- - ------------------------
----- ---- - ----------------------
---------
--------------
-------------------------------------
----------
-------------- ----- -- -
-- ----- ----- ----
---------------------------
---这个例子中，我们首先读取了 example.md 文件并将其解析为 mdast 的抽象语法树，接着使用 mdast-flat 工具库将其子节点展平。最后输出子节点数组。
示例
为了更好地说明 mdast-flat 的使用方法，下面我们演示一个具体的例子。考虑下面的 Markdown 文件：
-- -------------------- ---- ------- - ----- -- ----- ---- -- - ------------ - --- - --- - -----
我们想要将它转换为如下的子节点数组：
-- -------------------- ---- -------
-
-
----- ----------
------ --
--------- -- ----- ------- ------ ------- --
--
-
----- ----------
------ --
--------- -- ----- ------- ------ ------- --
--
-
----- ------------
--------- -- ----- ------- ------ ----- -- - - -- - ----- ------------- ------ ----------- -- - ----- ------- ------ --- --
--
-
----- -------
-------- ------
------ -----
------- ------
--------- -
- ----- ----------- ------- ------ -------- ----- --------- -- ----- ------- ------ ----- -- --
- ----- ----------- ------- ------ -------- ----- --------- -- ----- ------- ------ ----- -- --
- ----- ----------- ------- ------ -------- ----- --------- -- ----- ------- ------ ------- -- -
-
-
-我们可以使用前面介绍过的代码将这个 Markdown 文件转换为子节点数组。接着，我们可以使用以下代码将这个子节点数组输出为 HTML：
const html = unified()
.use(require('remark-rehype'))
.use(require('rehype-stringify'))
.processSync({ type: 'root', children: result })
.toString();其中 result 是我们前面得到的子节点数组。这个例子中，我们使用了 rehype 工具库将 mdast 的抽象语法树转换为 HTML。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d430d0927023822a36