javascript将树形菜单转换为数组的结构

简介: javascript将树形菜单转换为数组的结构
// 原始树形菜单结构
const treeMenu = [
  {
    id: 1,
    name: "Home",
    children: [
      {
        id: 2,
        name: "About",
        children: []
      },
      {
        id: 3,
        name: "Services",
        children: [
          {
            id: 4,
            name: "Web Development",
            children: []
          },
          {
            id: 5,
            name: "Design",
            children: []
          }
        ]
      }
    ]
  }
];
// 转换为数组结构的方法
function convertTreeToArray(tree) {
  const result = [];
  tree.forEach(node => {
    const newNode = { id: node.id, name: node.name };
    if (node.children.length > 0) {
      newNode.children = convertTreeToArray(node.children);
    }
    result.push(newNode);
  });
  return result;
}
// 转换后的数组结构
const arrayStructure = convertTreeToArray(treeMenu);
console.log(arrayStructure);
相关文章
|
3月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
45 2
|
3月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
43 3
|
3月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
54 4
|
3月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
52 1
|
3月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
32 5
|
3月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
21 3
|
3月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
81 1
|
3月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
31 0
|
3月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
42 0
|
3月前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
24 0