用JavaScript遍历文件夹下面的所有文件
在开发过程中，有时我们需要遍历一个文件夹下的所有文件。虽然这个过程看起来简单，但我们需要使用Node.js的相关功能来实现这一点。本文将一步步教会你如何做到这一点。
整体流程
以下是实现遍历文件夹的整体流程：
| 步骤 | 描述 |
|---|---|
| 1 | 安装Node.js并创建项目 |
| 2 | 使用fs模块来读取目录 |
| 3 | 递归遍历文件夹 |
| 4 | 打印所有文件的名称 |
接下来我们将详细介绍每一步需要做什么。
步骤详解
第一步：安装Node.js并创建项目
首先，你需要在你的计算机上安装Node.js。如果你还没有安装，可以去[Node.js官网下载页面](
接下来，创建一个新的项目文件夹并初始化一个Node.js项目：
mkdir my-file-explorer
cd my-file-explorer
npm init -y # 初始化项目，生成package.json文件
第二步：使用fs模块来读取目录
Node.js自带的fs（文件系统）模块允许你与文件系统交互。我们可以使用它来读取目录信息。
const fs = require('fs'); // 引入fs模块
const path = require('path'); // 引入path模块，用于处理文件路径
第三步：递归遍历文件夹
我们将创建一个函数来递归遍历指定的文件夹，查找其中的所有文件和子文件夹。
function exploreDirectory(directoryPath) {
// 读取目录中的文件和文件夹
fs.readdir(directoryPath, (err, files) => {
if (err) {
return console.log(`无法读取目录: ${err}`);
}
files.forEach((file) => {
const fullPath = path.join(directoryPath, file); // 获取文件的完整路径
fs.stat(fullPath, (err, stats) => {
if (err) {
return console.log(`无法获取文件状态: ${err}`);
}
if (stats.isDirectory()) {
// 如果是目录，递归调用
exploreDirectory(fullPath);
} else {
// 如果是文件，打印文件名
console.log(`文件: ${fullPath}`);
}
});
});
});
}
第四步：打印所有文件的名称
最后，只需调用该函数并传入你想要探索的目录路径即可。
const targetDirectory = './your-target-directory'; // 替换为你的目标目录
exploreDirectory(targetDirectory); // 开始遍历
使用Mermaid生成图表
下面是一个序列图，展示了代码执行的过程：
sequenceDiagram
participant User
participant ExploreDir
participant FS
User->>ExploreDir: 输入目标目录
ExploreDir->>FS: 读取目录内容
FS->>ExploreDir: 返回文件和子目录
ExploreDir->>FS: 获取文件状态
FS->>ExploreDir: 返回文件或目录信息
ExploreDir->>User: 打印文件路径
同时，我们可以用饼状图展示遍历结果（比如文件和文件夹比例）：
pie
title 文件和文件夹比例
"文件": 70
"文件夹": 30
总结
通过以上步骤，你已经能够使用JavaScript遍历文件夹及其所有子文件夹中的文件了。这项技能在处理文件操作、数据读取等任务中非常有用。希望你能在编程的道路上不断进步！如果有任何问题，请不要犹豫与我联系。加油！
