前言
用來干什么：想干嘛干嘛
為什么寫：寫來玩，學習node.js文件系統相關api；樹結構這種東西還是挺不錯的，會用會造才是真的會
用了什么： fs.readdir(dir), fs.stat(dir).isFile(), path處理路徑等
思路：
輸出的樣子components-dir-tree.json
{ "dir": "D://node-test//components", "childFiles": [ { "short": "components-dir-tree.json", "full": "D://node-test//components//components-dir-tree.json" }, { "short": "file.js", "full": "D://node-test//components//file.js" }, { "short": "index.js", "full": "D://node-test//components//index.js" } ], "childDir": { "no": null, "test": { "dir": "D://node-test//components//test", "childFiles": [], "childDir": { "aa": { "dir": "D://node-test//components//test//aa", "childFiles": [ { "short": "bb.js", "full": "D://node-test//components//test//aa//bb.js" } ], "childDir": { "cc": null } } } } }}。目錄結構(僅components)
...
|-- components
-- index.js
-- file.js
-- components-dir-tree.json // 生成的文件樹對象的輸出文件，方便查看
-- no
-- test
-- aa
-- cc
使用
將輸出結果格式化寫入到json文件，看起來一目了然
components/index.js:/** * init */require('console-color-mr'); // 命令行樣式const fs = require('fs');const path = require('path');const { getDirTree, getDirName } = require('./file.js');const componentDir = path.resolve(__dirname, './');// console.log('componentDir: ', componentDir);const ComponentInit = (function init() { console.log('______ init ______'.blueBG, '/n'); let treeObj = getDirTree(componentDir); // console.log('treeObj: ',treeObj); if (treeObj) { let outdir = `${__dirname}//${getDirName(componentDir)}-dir-tree.json`; // 寫入文件 fs.writeFile(outdir, JSON.stringify(treeObj, '', '/t'), 'utf8', (err) => { if (err) throw err; console.log(`目錄樹已輸出為文件保存: ${outdir}`.greenBG); }); } return init;})();module.exports = ComponentInit;主函數 getDirTree：
/components/file.jsconst fs = require('fs');/** * 獲取目錄下的文件樹 * @param {讀取的路徑} dir * @returns 返回 dir 目錄下的文件樹 */function getDirTree(dir) { let obj = { dir: dir, // 文件夾路徑 childFiles: [], // 子文件 childDir: {} // 子目錄 }; let objStr = JSON.stringify(obj); if (isFile(dir)) return console.log(`${dir}: 不是文件夾`.redBG); // 讀取目錄 let files = readDir(dir); if (!files.length) console.log(`${dir}: 文件夾為空`.redBG); // 遍歷文件 files.forEach(file => { let tempdir = `${dir}//${file}`; if (isFile(tempdir)) { obj.childFiles.push({ short: file, // 文件名 full: tempdir // 完整路徑 }); } else { // console.log('tempdir: ',tempdir); let dirname = getDirName(tempdir); // 在當前文件夾的對象下 childDir 屬性(1)，以文件夾名作為key(2)， // (2)的值是該目錄下 路徑dir、childFiles子文件、childDir子文件夾組成的對象或null obj.childDir[dirname] = getDirTree(tempdir); } }); return JSON.stringify(obj) === objStr ? null : obj;}工具函數 readDir/isFile
// 讀取路徑下的文件、文件夾function readDir(dir) { return fs.readdirSync(dir, (err, files) => { if (err) throw err; // console.log(`${dir}, files: `.green, files); // if (!files.length) console.log(`${dir}: 文件夾為空`.redBG); return files; })}// 判斷制定路徑是否是文件function isFile(dir) { return fs.statSync(dir).isFile();}// 獲取目錄名function getDirName(dir) { let tempdir = dir.substr(dir.lastIndexOf('//')+1, dir.length); return tempdir;}// const components_out = readFile(path.resolve(__dirname, './components-dir-tree.json'));// console.log('components-dir-tree: ', components_out);// 讀取指定目錄的文件function readFile(dir) { let result = fs.readFileSync(dir, 'utf-8'); return ( result ? { dir: dir, result: result } : null );}module.exports = { getDirTree, readDir, isFile, readFile}完結，撒花，撒花！
以上所述是小編給大家介紹的Node.js讀指定文件夾輸出該文件夾文件樹詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
