初探Node.js读取文件夹目录树

2023-10-17 12:15:12

探索 Node.js 文件目录树：轻松组织和管理文件

目录树：文件系统的鸟瞰图

在文件系统中穿行时，文件夹就像树上的枝叶，而文件则是其上的叶子。文件夹目录树就像一幅地图，它让我们一目了然地了解文件系统的结构和内容。通过这种视觉表示，我们可以轻松地找到特定的文件、管理目录并保持文件系统的井然有序。

Node.js 中的 fs 模块：文件操作利器

Node.js 中的 fs 模块是访问和操作文件系统的大杀器。它提供了丰富的 API，让开发者能够执行广泛的文件操作，从读取、写入到创建、删除和获取元数据。使用 fs 模块，我们可以构建各种文件管理应用程序，例如文件浏览器、代码生成器和备份工具。

getDirTree 函数：构建文件夹目录树

为了获取文件夹目录树，我们可以利用 fs 模块提供的强大功能来创建自己的 getDirTree 函数。该函数递归地遍历文件系统，将文件夹及其内容组织成一个嵌套的 JSON 对象。该对象就像一棵倒置的树，根部代表顶级文件夹，分支代表子文件夹，而叶子代表文件。

const fs = require('fs');

function getDirTree(dir) {
  const files = fs.readdirSync(dir);
  const dirTree = {
    name: dir,
    children: [],
  };
  files.forEach((file) => {
    const filePath = path.join(dir, file);
    const stats = fs.lstatSync(filePath);
    if (stats.isDirectory()) {
      dirTree.children.push(getDirTree(filePath));
    } else {
      dirTree.children.push(file);
    }
  });
  return dirTree;
}

使用示例：遍历文件系统

有了 getDirTree 函数，我们就可以轻松地遍历文件系统并获取其目录树。

const dirTree = getDirTree('./components');
console.log(JSON.stringify(dirTree, null, 2));

运行这段代码将输出类似于以下内容的 JSON 对象：

{
  "name": "components",
  "children": [
    {
      "name": "button",
      "children": []
    },
    {
      "name": "checkbox",
      "children": []
    },
    {
      "name": "dropdown",
      "children": []
    }
  ]
}