程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何将对象数组转换为嵌套对象?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何将对象数组转换为嵌套对象??

开发过程中遇到如何将对象数组转换为嵌套对象?的问题如何解决?下面主要结合日常开发的经验,给出你关于如何将对象数组转换为嵌套对象?的解决方法建议,希望对你解决如何将对象数组转换为嵌套对象?有所启发或帮助;

你好,我试着得到这个输出

{
    name: "Saviole",role: "ceo",children: [
        {
            name: "Mary",role: "supervisorA",children: [
                {name: "Anna",role: "worker"}
                ]
        },{
            name: "Louis",role: "supervisorB"
        }]
}

这些是我写的函数:

const users = [ 
  {name: "Anna",role: "worker"},{ name: "Mary",role: "supervisorA" },{ name: "Louis",role: "supervisorB" },{ name: "Saviole",role: "ceo" }
  ];

const recursiveAddToTree = (parent,child,grandChildren,users)=>{
  let tree = {};
users.forEach(( user)=>{
if(user.role===parent){
   tree ={...user}
} else if(user.role===child){
 tree = {...tree,chIDren:[...[user]]}
} else {
 users.forEach(userChild=>{ 
   if(userChild.role===child){
   tree = {...tree,children:[...[{...userChild,chIDren: [...[user]]}]]}
   }
 })
}
})
return tree;
}

const createscheR_486_11845@a = users =>{
return recursiveAddToTree("ceo","supervisorA","worker",users)
}

我该如何解决这个问题?我不明白为什么它不像想象的那样工作

解决方法

我在您的代码中看到了 2 个问题:

  • foreach 会一个一个处理用户,最后一个处理:ceo。但是在您的代码中,如果处理的用户是 CEO,您的树对象将被用户替换,因此您之前的所有修改都将被删除(我认为这是最重要的问题)
  • 主管的角色是“主管A”和“主管B”,但是您正在检查角色是否为“主管”,它永远不会匹配,您应该检查角色是否以“主管”开头
,

您可以采用一个排序数组,其中所有用户都按照上面直接角色下的角色进行排序,并采用一个对象来获取角色的级别。然后迭代并获取一个级别数组以跟踪最后一个用户并根据角色/级别插入用户。

这种方法保持给定的顺序。

const
    users = [
        { name: "Saviole",role: "ceo" },{ name: "Mary",role: "supervisor" },{ name: "Anna",role: "worker" },{ name: "Louis",role: "supervisor" }
    ],roles = { ceo: 0,supervisor: 1,worker: 2 },tree = [],levels = [tree];

users.forEach(user => {
    const level = roles[user.role];
    if (!levels[level]) {
        const
            temp = levels[level - 1],last = temp[temp.length - 1];

        levels[level] = [];
        last.children = levels[level];
    }
    levels[level].push(user);
});

console.log(treE);
.as-console-wrapper { max-height: 100% !important; top: 0; }

大佬总结

以上是大佬教程为你收集整理的如何将对象数组转换为嵌套对象?全部内容,希望文章能够帮你解决如何将对象数组转换为嵌套对象?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: