代码之家 › 专栏 › 技术社区 › totalnoob

使用子键在javascript中递归构建菜单列表对象

javascript

totalnoob · 技术社区 · 6 年前

我一直在巩固以前的一篇文章

building a menu list object recursively in javascript

我用它来了解更多关于js和it输出中的数组和对象的信息

{ 
    social: {
        swipes: {
            women: null
        }
    }
}

{
    social: {
        children: {
            swipes: {
                children: {
                    women: null
                }
            }
         }
     }
}

我如何修改代码才能做到这一点?

let input = ['/social/swipes/women', '/social/swipes/men', '/upgrade/premium'];

let output = input.reduce((o, e) => {
  let z = e.split("/").filter(d => d);
  
  z.reduce((k,v,i) => {

    if (z.length - 1 !== i) {
      if (k.hasOwnProperty(v)) {
        k[v] = k[v];
      } else {
        k[v] = { children: {}};
      }
    } else {
      k[v] = null;
    }

    return k[v]
  }, o)

  return o;
}, {})

console.log(output);

2 回复 | 直到 6 年前

Nitish Narang 6 年前

您可以像下面这样修改代码来实现这一点

let input = ['/social/swipes/women', '/social/swipes/men', '/upgrade/premium'];

let output = input.reduce((o, d) => {
  let keys = d.split('/').filter(d => d)
  
  keys.reduce((t, k, i) => {
    t[k] = (i != keys.length - 1)
              ? (t[k] || { children: {} })
              : null

    return t[k] && t[k].children
  }, o)
  
  return o
}, {})

console.log(output)

Karan 6 年前

let input = ['/social/swipes/women', '/social/swipes/men', '/upgrade/premium'];
let output = {};

input.forEach((x) => {
  var currentPath = output;
  var lastIndex = x.split('/').slice(1).length - 1;
  x.split('/').slice(1).forEach((y, index) => {
    currentPath.childern = currentPath.childern || {};
    currentPath.childern[y] = currentPath.childern[y] || {};
        
    if (lastIndex == index) {
      currentPath.childern[y] = null;
    }
    
    currentPath = currentPath.childern[y];
  });
});

output = output.childern;
console.log(output);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

8 月前

Alex · 在轻量级中同时解构和不解构变量

8 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前