首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >需要修改BE响应以响应FE的预期响应

需要修改BE响应以响应FE的预期响应
EN

Stack Overflow用户
提问于 2021-04-22 12:43:12
回答 1查看 27关注 0票数 0

BE响应:-这是我从后端服务获得的

代码语言:javascript
运行
复制
{
  "data": {
    "type": "AnyType",
    "resources": [
      {
        "id": 1,
        "treeId": "1",
        "name": "name1",
        "description": "description1",
        "children": [
          {
            "id": 3,
            "treeId": "1-3",
            "name": "subName1",
            "description": "subDescription1",
            "children": [
              {
                "id": 6,
                "treeId": "1-3-6",
                "name": "subSubName1",
                "description": "subSubDesc1",
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": 2,
        "treeId": "2",
        "name": "name2",
        "description": "description2",
        "children": [
          {
            "id": 7,
            "treeId": "2-7",
            "name": "subName2",
            "description": "subDescription2",
            "children": []
          }
        ]
      }
    ]
  }
} 

但我需要将此响应修改为以下FE预期响应:-意味着我需要将名称和描述字段文本连接到一个(在名称字段中),如下所示:-

代码语言:javascript
运行
复制
{
  "data": {
    "type": "AnyType",
    "resources": [
      {
        "id": 1,
        "treeId": "1",
        "name": "name1-description1",
        "description": "description1",
        "children": [
          {
            "id": 3,
            "treeId": "1-3",
            "name": "subName1-subDescription1",
            "description": "subDescription1",
            "children": [
              {
                "id": 6,
                "treeId": "1-3-6",
                "name": "subSubName1-subSubDesc1",
                "description": "subSubDesc1",
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": 2,
        "treeId": "2",
        "name": "name2-description2",
        "description": "description2",
        "children": [
          {
            "id": 7,
            "treeId": "2-7",
            "name": "subName2-subDescription2",
            "description": "subDescription2",
            "children": []
          }
        ]
      }
    ]
  }
} 

每个对象可以有n个子对象,并且子对象可以有一个对象数组。

我做了什么:-我可以改变名字,但不能改变孩子的名字

代码语言:javascript
运行
复制
   let resDataArry = [];
    let descData: DynamicResource;
       response.forEach((x, index) => {
    const descName = x.name + ' ' + x.description;
    descData = { ...tree.resources[index], name: descName };
    resDataArry.push(descData);
    });
    return resDataArry;

请帮帮忙。

EN

回答 1

Stack Overflow用户

发布于 2021-04-22 13:46:20

您可以使用嵌套Array#forEach访问children数组,然后将namedescription连接在一起。

代码语言:javascript
运行
复制
let data = {
  "data": {
    "type": "AnyType",
    "resources": [
      {
        "id": 1,
        "treeId": "1",
        "name": "name1",
        "description": "description1",
        "children": [
          {
            "id": 3,
            "treeId": "1-3",
            "name": "subName1",
            "description": "subDescription1",
            "children": [
              {
                "id": 6,
                "treeId": "1-3-6",
                "name": "subSubName1",
                "description": "subSubDesc1",
                "children": []
              }
            ]
          }
        ]
      },
      {
        "id": 2,
        "treeId": "2",
        "name": "name2",
        "description": "description2",
        "children": [
          {
            "id": 7,
            "treeId": "2-7",
            "name": "subName2",
            "description": "subDescription2",
            "children": []
          }
        ]
      }
    ]
  }
}
data.data.resources.forEach(function(item){
    item.name = item.name + ' ' + item.description;
    item.children.forEach(function(child){
        child.name = child.name + ' ' + child.description;
    });
});
console.log(data);

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67206884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档