NodeJS 將文件夾按照存放路徑變成一個對應的JSON的方法
在編程之前，一定要有一個信條：代碼是為了減少工作量而生的，重復枯燥的工作是不能容忍的。
需求
這是由上篇文章衍生出的需求，我已經將一個文件夾內所有的文件名轉譯為英文，但我在頁面上還需要將這些圖片引入加載。如果一個一個手寫到程序里，未免有點勞心勞神。那么何不將這個文件夾按照存放路徑變成一個相應的JSON在前端請求并渲染呢？
說干就干。
文件夾的路徑如下所示：
一級路徑：test
二級路徑：A,B,C...共十三個文件夾
三級路徑：每個二級路徑下有3-8個文件夾不等
四級路徑：a.jpg,b.jpg,c.jpg等數量不等的圖片文件
思路
1.一個全局變量：數組類型obj。
2.遞歸遍歷目錄，是文件夾的取出名字，建立一個對象，放入文件夾名name和一個空數組list，如
{
name:'fileName',
list:[]//用來存放下屬路徑
}
3.依次重復步驟2，直至尋找到路徑下的文件，將文件名name和拼合好的路徑src放入歸屬的list中，如下：
list:[
{
name:'fileName',
src:'filePath'
}
]
實踐
語言
NodeJS
需求模塊
fs/async。
代碼 先上代碼，邏輯解析在提示補上。
(function() {
Array.prototype.distinct = function() {
var arr = this,
result = [],
i,
j,
len = arr.length;
for (i = 0; i < len; i++) {
for (j = i + 1; j < len; j++) {
if (arr[i].name === arr[j].name) {
j = ++i;
}
}
result.push(arr[i]);
}
return result;
}
// 主業(yè)務代碼
var fs = require("fs");
var async = require('async');
var obj = [];
var search = function(src) {
// 讀取目錄中的所有文件/目錄
fs.readdir(src, function(err, paths) {
if (err) {
throw err;
}
paths.forEach(function(path) {
var _src = src + '/' + path;
fs.stat(_src, function(err, st) {
if (err) {
throw err;
}
// 判斷是否為文件
if (st.isFile()) {
async.forEachLimit(obj, 1000, function(item, callback) {
if (src.match(new RegExp(item.name))) {
item.list.forEach(function(iv) {
if (src.match(new RegExp(iv.name))) {
iv.list.push({
name: path.split('.')[0],
src: _src
})
}
})
}
callback(null, item)
})
obj = obj.distinct();
fs.writeFile("main.json", JSON.stringify(obj), "utf-8", (error) => {
//監(jiān)聽錯誤，如正常輸出，則打印null
if (error == null) {
obj = null;
}
});
}
// 如果是目錄則遞歸調用自身
else if (st.isDirectory()) {
if (obj.length <= 0) {
obj.push({
name: path,
list: []
})
} else {
var value = paths;
async.forEachLimit(obj, 1000, function(item, callback) {
//如果數組里已有
if (src.match(new RegExp(item.name))) {
item.list.push({
name: path,
list: []
})
} else {
value.forEach(function(vv) {
if (vv == item.name) {
obj.push({
name: path,
list: []
})
} else {}
})
}
callback(null, item)
}, function(err) {
if (err) throw err;
})
}
exists(_src, search);
}
});
});
});
};
var exists = function(src, callback) {
callback(src);
};
exists('./test2', search);
})();
提示
首先，要有心理準備，這個輪子里使用了遞歸+很多遍歷，這對于內存占用是很嚴重的，尤其是我們還有一個 全局變量OBJ ，如果邏輯處理不好很容易會出現錯誤內存溢出。這也是為什么我引入了async模塊的理由。
在引入模塊之后，第一步要著眼于判斷為文件夾后的函數：
//如果obj為空，說明我們是第一次進入函數，那么插入一個新的元素
if (obj.length <= 0) {
obj.push({
name: path,
list: []
})
}
async.forEachLimit是異步串行函數，可以同批次運行指定數量的代碼，可以避免一次遍歷太多，里面的參數依次為（數組，指定的數量，執(zhí)行函數，錯誤回調）。
下面代碼中的參數很多，如paths，path，src，_src等，打代碼的時候經常會讓我頭腦不清晰，這也側面告誡了我一個問題，同一作用域內不宜有太多處理函數。
//如果路徑參數src里匹配到了obj中元素的name，說明數組里已經有了上級文件夾，則向此上級文件夾內插入此時的文件夾名path
if (src.match(new RegExp(item.name))) {
item.list.push({
name: path,
list: []
})
}
/*如果沒有上級文件夾，那往尾部插入新的元素
*進行一次遍歷排查，去除掉二級路徑向尾部插入的舉動*/
value.forEach(function(vv) {
if (vv == item.name) {
obj.push({
name: path,
list: []
})
} else {}
})
對我來說，這段代碼是一段丑陋的函數，處理方法過于粗糙，并且占用了不必要的內存空間，更嚴重的是，拖累了整體文件的運行速度，但時間倉促，加之能力菜的真實，暫時還尚未想出解決方案。
還要備注的是，這里本來想達到的去重判斷因為上級方法套用的遍歷次序不同，造成我只完成了初級的防止push重復，卻又有了遞歸式的重復。有興趣的朋友在使用這個demo時可以將首行的去重方法刪除，看看效果。
處理好了文件夾狀態(tài)下的方法，來看看已經到了四級路徑的處理
//src是此時運行的search方法內的文件路徑參數，對item.name也就是二級路徑的文件名進行匹配，如果正確，則對三級路徑下的文件名進行匹配（本來我想在這里寫遞歸或者回調的，太懶取消原計劃）。全部都匹配正確，則往內插入文件名和文件路徑
async.forEachLimit(obj, 1000, function(item, callback) {
if (src.match(new RegExp(item.name))) {
item.list.forEach(function(iv) {
if (src.match(new RegExp(iv.name))) {
iv.list.push({
name: path.split('.')[0],
src: _src
})
}
})
}
callback(null, item)
})
函數到這里時，就是最后一步，寫入json文件了，不能忘記的是，這里需要進行一次去重，原因在上文提到了，方法在函數行首。
PS：在運行結束之后，一定要將全局變量清空，雖然我暫時尚未遇到因此理由內存的崩潰，但可以預見到的是，在用于龐大文件夾時，勢必會對內存有很大的傷害。
obj = obj.distinct();
fs.writeFile("main.json", JSON.stringify(obj), "utf-8", (error) => {
//監(jiān)聽錯誤，如正常輸出，則打印null
if (error == null) {
obj = null;
}
});
END
這篇小筆記就結束了，這個輪子遇到的問題很淺顯，但值得重視。對我將來寫大型單頁應用或是系統(tǒng)型網站非常有借鑒意義，所以此篇文章的漏洞和錯誤，我會再次進行排查，以達到最優(yōu)的解決方法。我在這里拋磚引玉，誠懇希望各位同仁前輩能不吝賜教！
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
眾所周知node是一個高性能的web服務器，使用它可以很簡單的創(chuàng)建一個http或https的服務器。這篇文章主要介紹了詳解node如何讓一個端口同時支持https與http2017-07-07
這篇文章主要介紹了node獲取客戶端ip功能,結合實例形式分析了node.js獲取客戶端IP地址的原理與實現方法,需要的朋友可以參考下2019-08-08
我用的一些Node.js開發(fā)工具、開發(fā)包、框架等總結
這篇文章主要介紹了我個人使用的一些Node.js開發(fā)工具、開發(fā)包、框架等總結,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了koa-router源碼學習小結，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
使用npm命令提示: ''npm'' 不是內部或外部命令,也不是可運行的程序的處理方法
這篇文章主要介紹了使用npm命令提示: 'npm' 不是內部或外部命令,也不是可運行的程序,本文通過圖文并茂的形式給大家分享解決方案，需要的朋友可以參考下2020-05-05
調式代碼很多時候類似于查案一樣，只是結果的重要程度不同，警察查案為的是人民安穩(wěn)，而我們調式則是為了系統(tǒng)的安穩(wěn)。既然這樣我們就不要冤枉任何一段代碼和程序，以免他們受到不合理的懲罰。2014-06-06
這篇文章主要介紹了Node.js Express 框架 POST方法詳解，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
MySQL數據庫作為最流行的開源數據庫,基本上是每個web開發(fā)者必須要掌握的數據庫程序之一了,基本使用?node.js上,最受歡迎的mysql包就是mysql模塊,下面這篇文章主要給大家介紹了關于如何通過三分鐘教會你用nodejs操作mysql數據庫,需要的朋友可以參考下2023-05-05
在windows上用nodejs搭建靜態(tài)文件服務器的簡單方法
這篇文章主要介紹了在windows上用nodejs搭建靜態(tài)文件服務器的簡單方法，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
本篇文章主要介紹了詳解node中創(chuàng)建服務進程，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05