javascript递归遍历文件夹下面的所有文件并返回所有文件全路径名称数组以及解析JavaScript方法体字符串的结束位置

一、前端脚本经常需要用到遍历指定文件夹下面的所有文件(包含子文件夹)的内容并做特定的逻辑处理,下面给出同步遍历的方式,开箱即用。

const fs = require('fs');

main()

function main() {
    let allFiles = getAllFiles(srcDir);
    console.log(`文件数量:${allFiles.length}`);
    for (let i = 0; i < allFiles.length; i++) {
        console.log(allFiles[i]);
        // 同步读取文件内容
        let content = fs.readFileSync(filePath).toString();
        console.log(content);
	}
}

/**
 * 递归遍历,获取指定文件夹下面的所有文件路径
 */
function getAllFiles(filePath) {
    let allFilePaths = [];
    if (fs.existsSync(filePath)) {
        const files = fs.readdirSync(filePath);
        for (let i = 0; i < files.length; i++) {
            let file = files[i]; // 文件名称(不包含文件路径)
            let currentFilePath = filePath + '/' + file;
            let stats = fs.lstatSync(currentFilePath);
            if (stats.isDirectory()) {
                allFilePaths = allFilePaths.concat(getAllFiles(currentFilePath));
            } else {
               allFilePaths.push(currentFilePath);
            }
        }
    } else {
        console.warn(`指定的目录${filePath}不存在!`);
    }

    return allFilePaths;
}

二、解析JavaScript方法体字符串的结束位置(写自动化脚本时很实用)

/**
 * 获取JavaScript方法体字符串的结束位置(原理:利用"{}"成对出现)
 * @param content 完整的方法字符串
 * @param begin 方法的起始位置(content中第一个'{'之前的任意位置,前提是方法括号参数中不含'{'和'}'字符)
 * @return {number} 方法结束符"}"在content字符串中的位置
 */
function getEndFlagLocation(content, begin) {
    let end = -1;
    if (!content || content.length < begin) return end;

    let tempAfter = content.substring(begin);
    let start1 = tempAfter.indexOf('{');
    let split = tempAfter.split('');
    let count = 0;
    for (let i = start1; i < split.length; i++) {
        if (split[i] === "{") {
            count++;
        } else if (split[i] === '}') {
            count--;
            if (count === 0) {
                end = i + begin;
                break;
            }
        }
    }

    return end;
}
### 回答1: 可以这样实现:function getDirTree(dir) { // 获取文件列表 let filesList = fs.readdirSync(dir); let dirTree = []; // 遍历文件列表 filesList.forEach((item) => { let stat = fs.statSync(path.join(dir, item)); // 判断是文件夹还是文件 if (stat.isDirectory()) { // 递归调用 dirTree.push({ name: item, type: 'directory', children: getDirTree(path.join(dir, item)) }); } else { dirTree.push({ name: item, type: 'file' }); } }); return dirTree; } ### 回答2: 编写一个JS方法递归文件夹下的目录及文件,并返回树形结构数据的思路如下: 1. 定义一个对象,用于表示树形结构的节点: ``` function TreeNode(name, type, children) { this.name = name; // 节点名称 this.type = type; // 节点类型(文件或目录) this.children = children; // 子节点 } ``` 2. 定义一个递归函数,用于遍历文件夹下的目录及文件,并返回树形结构数据: ``` function generateTreeStructure(path) { // 获取当前路径下的所有文件和目录 const files = getFilesInPath(path); // 构建根节点 const root = new TreeNode(path, '目录', []); // 遍历文件和目录,递归生成子节点 for (const file of files) { if (isDirectory(file)) { // 如果是目录 const childNode = generateTreeStructure(file); root.children.push(childNode); } else { // 如果是文件 const fileNode = new TreeNode(file, '文件', []); root.children.push(fileNode); } } return root; } ``` 3. 定义两个辅助函数: - `getFilesInPath(path)`:根据传入的路径返回当前路径下的所有文件和目录。 - `isDirectory(path)`:根据传入的路径,判断该路径是否为目录。 4. 调用该方法,传入想要遍历文件夹路径,即可返回树形结构数据: ``` const treeStructure = generateTreeStructure('/path/to/folder'); ``` 注意:以上代码只是伪代码,具实现还需要根据实际需求进行适配。 ### 回答3: 编写一个JS方法递归文件夹下的目录及文件,并返回树形结构数据可以使用以下方法: ```javascript function getFolderStructure(folderPath) { const fs = require('fs'); const path = require('path'); const root = { name: path.basename(folderPath), children: [] }; function traverseFolder(folder, node) { const items = fs.readdirSync(folder); items.forEach(item => { const itemPath = path.join(folder, item); const stats = fs.statSync(itemPath); const newItem = { name: item, type: stats.isFile() ? 'file' : 'folder', children: [] }; if (stats.isDirectory()) { traverseFolder(itemPath, newItem); } node.children.push(newItem); }); } traverseFolder(folderPath, root); return root; } // 示例调用 const folderStructure = getFolderStructure('/path/to/folder'); console.log(JSON.stringify(folderStructure, null, 2)); ``` 以上代码会遍历指定路径下的所有文件夹文件,并返回树形结构的数据。树的根节点包含文件夹名称和一个子节点数组。每个子节点包含文件或子文件夹名称、类型(文件文件夹)以及它自己的子节点数组。最后将此树形结构数据以JSON字符串的形式打印出来。
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值