关于数据处理（对复杂数据的映射处理）

淡若清风_Simple

于 2020-05-04 18:30:54 发布

阅读量603

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_42060658/article/details/105921226

版权

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种处理嵌套数据结构的方法，通过递归函数getMap将原始数据转换为更简洁的形式，仅保留title和key字段，适用于需要快速访问特定层级数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要处理的数据结构：

// 要求： category_name为title,category_code为key,只需要title和key数据
 var arr = {
    "success": true,
    "message": null,
    "errorCode": null,
    "data": [{
      "category_code": "2261",
      "category_name": "涂料化工",
      "parent_code": "148",
      "hierarchy_level": "2",
      "children": [{
        "category_code": "2257",
        "category_name": "真石漆",
        "parent_code": "2261",
        "hierarchy_level": "3"
      }]
    }, {
      "category_code": "2260",
      "category_name": "装修石材",
      "parent_code": "148",
      "hierarchy_level": "2",
      "children": [{
        "category_code": "216",
        "category_name": "大理石",
        "parent_code": "2260",
        "hierarchy_level": "3"
      }]
    }]
  }

  function getMap(arr) {
    var data = []
    if (arr && arr.length > 0) {
      data = arr.map(item => {
        if (item.children && item.children.length > 0) {
          var res2 = getMap(item.children)
          return {
            title: item.category_name,
            key: item.category_code,
            children: res2
          }
        } else {
          return {
            title: item.category_name,
            key: item.category_code
          }
        }
      })
    }
   return data
  }
  console.log(getMap(dataArr))