递归实现数据的扁平化

最新推荐文章于 2024-02-27 09:36:07 发布

月光浇在石子路上

最新推荐文章于 2024-02-27 09:36:07 发布

阅读量277

点赞数

分类专栏： vue js 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_39889855/article/details/124625342

版权

这篇博客探讨了如何利用JavaScript的递归方法将层级数据转换为扁平结构，特别关注于在Vue.js应用程序中的应用。通过实例展示了解决方案，从复杂的数据嵌套到易于处理的一维数组。

摘要由CSDN通过智能技术生成

prepareData (rawData) {
      const seriesData = [];
      let maxDepth = 0;
      function eachOption (level, depth) {
        var arr = [];
        let maxDepth = 0;
        function refining (level, arr, depth) {
          const length = level.length;
          maxDepth = Math.max(depth, maxDepth);
          for (var i = 0; i < length; i++) {
            arr.push({
              id: level[i].id,
              value: level[i].name,
              index: length,
              code: level[i].domainCode,
              parentId: level[i].superId,
              depth: depth
            });
            if (level[i].children) {
              refining(level[i].children, arr, depth + 1);
            }
          }
        }
        refining(level, arr, 1);
        return {
          seriesData: arr,
        };
      }
      let data = eachOption(rawData.children, 0);
      return data;
    },

处理前：