javascript - 怎么把数组arr转换成obj对象这种格式呢？

Question

怎么把数组arr转换成obj对象这种格式呢

const arr = [    {root: '', dir: '', base: '11K', ext: '', name: '11K'},    {root: '', dir: '', base: '12K', ext: '', name: '12K'},    {        root: '',        dir: '11K',        base: 'KF32A158SQX',        ext: '',        name: 'KF32A158SQX'    },    {root: '', dir: '11K', base: 'tst', ext: '', name: 'tst'},    {        root: '',        dir: '11K\\KF32A158SQX',        base: 'KF32A158SQX-Port.xml',        ext: '.xml',        name: 'KF32A158SQX-Port'    },    {root: '', dir: '11K\\tst', base: 'djjd', ext: '', name: 'djjd'},    {        root: '',        dir: '11K\\tst\\djjd',        base: '1.txt',        ext: '.txt',        name: '1'    }]const obj = {    '11K':{        'KF32A158SQX':'KF32A158SQX-Port.xml',        'tst':{            'djjd':'1.txt'        }    },    '12K':{    }}const val = arr.reduce((acc, cur) => {    if (!cur.dir) {        acc[cur.base] = {}    } else {        if (Object.keys(acc).includes(cur.dir)) {            acc[cur.dir][cur.base] = {}        } else {            // let arr = cur.dir.split('\\')            // acc[arr[0]][[arr[1]]] = cur.base            if (cur.ext) {                // console.log('NO',cur)            } else {                console.log('YES',cur)                let arr = cur.dir.split('\\')            }        }    }    return acc}, {})console.log(val)

我这样处理只能获取第一层数据

Answer 1

interface FileTree {    [path: string]: FileTree | string}function createFile(tree: FileTree, info: (typeof arr)[0]): FileTree {    const [path, ...rest] = info.dir.split('\\'),        cf = () =>            createFile((tree[path] ??= {}) as FileTree, {                ...info,                dir: rest.join('\\')            })    if (info.ext.length === 0)        if (path.length === 0) tree[info.base] = {}        else cf()    else if (rest.length === 0) tree[path] = info.base    else cf()    return tree}console.log(arr.reduce(createFile, {}))

{  "11K": { KF32A158SQX: "KF32A158SQX-Port.xml", tst: { djjd: "1.txt" } },  "12K": {}}

Answer 2

在你原先的基础上修改一下就可以了

const cache = {};const val = arr.reduce((acc, cur) => {  if (!cur.dir) {    acc[cur.name] = {};    cache[cur.name] = acc[cur.name];  } else if (!cur.ext) {    cache[cur.dir][cur.name] = {};    cache[`${cur.dir}\\${cur.name}`] = cache[cur.dir][cur.name];  } else {    const dirs = cur.dir.split('\\');    const lastDir = dirs.pop();    const parentDir = dirs.join('\\');    cache[parentDir][lastDir] = cur.base;  }  return acc;}, {});console.log(val);

Answer 3

let isObject = obj => obj !== null && typeof obj === 'object'let dirToTree = (arr=[])=>{    return arr.reduce((acc,cur)=>{        let obj = acc;        cur.dir.split('\\').forEach((dirItem, dirIdx, dirArr)=>{            if(dirItem) {                 if((dirIdx+1)<dirArr.length) {                     // dir目录是否已创建                    obj[dirItem] = isObject(obj[dirItem]) ? obj[dirItem] : {}                    obj = obj[dirItem];                } else{                     // dir最后一个层级                   obj[dirItem] = cur.base                }            } else {                //  处理dir为空                obj[cur.base] = {}            }        });        return acc;     },{})}dirToTree(arr);

　注：有个BUG 对象只能是一个文件对应一个目录，一个目录对应不了多个文件。

Answer 4

我看明白了name就是创建一个对象，dir就是挂载到哪里。

至于只有两层大概率是因为不是递归，或者没有排序。

所以可以考虑遍历两次，第一次构建，第二次完成数据结构。

---

const result = arr.reduce((s,n)=>{    if(n.dir){        const dir = n.dir.split('\\');        let current = s        // dir.forEach(v=>{        //     current = current[v]?current[v]:(current[v] = {})        // })        // current[dir.slice(-1)[0]] = n.name                dir.slice(0,-1).forEach(v=>{            // current = current[v]?current[v]:(current[v] = {})            if(_.isObject(current[v])){                current = current[v]            }else{                current[v] = {}                current = current[v]            }        })        current[dir.slice(-1)[0]] =n.name        //     Object.assign({},current[dir.slice(-1)[0]], {        //     // [dir.slice(-1)[0]]: n.name        // });    }else{        s[n.name] = s[n.name] || {};    }    return s;},{})console.log(JSON.stringify(result, null ,4))

重置了一次数据