## util.js
```
/**
* @description 根據文件夾列表和文件列表獲取樹狀結構數據
* @param {Object} folderList 文件夾列表
* @param {Object} fileList 文件列表
*/
export const setTreeData = (folderList, fileList) => {
let treeData = []
treeData = folderList.filter(floderItem => {
let floderId = floderItem.id
let index = fileList.length
while (--index >= 0) {
if (floderId === fileList[index].pId) {
let file = fileList[index]
file.title = file.name
if (floderItem.children) {
floderItem.children.push(file)
floderItem.children = setTreeData(floderItem.children, fileList)
} else {
floderItem.children = [file]
}
}
}
return floderItem
})
return treeData
}
/**
* @description 將文件夾列表拼接歸類
* @param {Object} folderList 文件夾列表
*/
export const transferFolderToTree = folderList => {
if (!folderList.length) return []
const handle = id => {
let arr = []
folderList.forEach(folder => {
if (folder.pId === id) {
const children = handle(folder.id)
if (folder.children) folder.children = [].concat(folder.children, children)
else folder.children = children
folder.title = folder.name
arr.push(folder)
}
})
return arr
}
return handle(0)
}
```
## *vue頁面
```
import { setTreeData, transferFolderToTree } from '@/libs/util'
```
## js
// 定義方法將所有文件歸類到所屬文件夾里
```
this.treeData = transferFolderToTree(setTreeData(_folderList, _fileList))
```
