节点：如何重组获取的嵌套JSON数据并组织可重用的数据？

Question

使用Node请求模块，我通过URL获取JSON数据。 JSON文件嵌套在多个级别中，并且没有以可重复使用的方式进行组织。 当前的JSON如下所示：

{
  "data": {
    "series": {
      "brochure_image": "range.jpg",
      "background_image": "range.jpg",
      "Model 1": {
        "medium_images": "Model_1.png",
        "brand": "Tesla",
        "Model 101": {
          "medium_images": "Model_101.png",
          "brochure_image": "Model_101.png",
        },
        "Model 102": {
          "medium_images": "Model_102.png",
          "brochure_image": "Model_102.png",
        }
      },
      "Model 2": {
        "medium_images": "Model_2.png",
        "brand": "Tesla",
        "Model 201": {
          "medium_images": "Model_201.png",
          "brochure_image": "Model_201.png",
        }
      }
    }
  }
}

我想进行重组，以便可以轻松地从前端访问数据。 我想这样改变：

[
  {
    "series":"Model 1",
    "model": [
      {
        "modelName": "Model 101",
        "medium_images": "Model_101.png",
        "brochure_image": "Model_101.png"
      },
      {
        "modelName": "Model 102",
        "medium_images": "Model_102.png",
        "brochure_image": "Model_102.png"
      }
    ] 
  }
  {
    "series":"Model 2",
    "model": [
      {
        "modelName": "Model 201",
        "medium_images": "Model_101.png",
        "brochure_image": "Model_101.png"
      }
    ] 
  }
]

我怎样才能做到这一点？ 我的节点server.js参与如下：

const dataUrl = "http://example.com/data/series-data.json";

// API
app.get("/api/getSeriesData", (req, res) => {
    request.get(dataUrl, (error, response, body) => {
        var json = JSON.parse(body);
        var seriesObj = json.data.series;
        var seriesArr = [];

        for (var series in seriesObj) {

            if (seriesObj.hasOwnProperty(series)) {
                seriesArr.push({"series": series, "model": seriesObj[series]});
            }
        }
        res.send(seriesArr);
    });
});

Answer 1

您可以执行以下操作：

 var obj = { "data": { "series": { "brochure_image": "range.jpg", "background_image": "range.jpg", "Model 1": { "medium_images": "Model_1.png", "brand": "Tesla", "Model 101": { "medium_images": "Model_101.png", "brochure_image": "Model_101.png", }, "Model 102": { "medium_images": "Model_102.png", "brochure_image": "Model_102.png", } }, "Model 2": { "medium_images": "Model_2.png", "brand": "Tesla", "Model 201": { "medium_images": "Model_201.png", "brochure_image": "Model_201.png", } } } } }; var result = []; Object.keys(obj.data.series).forEach(key => { if(key.indexOf("Model") === 0){ var o = {series: key, model:[]}; Object.keys(obj.data.series[key]).forEach(k => { if(k.indexOf("Model") === 0){ o.model.push({modelName: k, medium_image: obj.data.series[key][k].medium_image, brochure_image: obj.data.series[key][k].brochure_image}); } }); result.push(o); } }); console.log(result); 

这样做是循环遍历.data.series和data.series[MODEL NAME]所有属性，并且仅考虑那些属性名称以Model开头的值。 如果并非所有您感兴趣的值的属性名称都以Model开头，则此方法将行不通。 在这些情况下，您可能必须使用否定断言（检查其属性名称是否不是您不感兴趣的已知名称之一）。

Answer 2

这是我的解决方案。

我们可以删除对象中不需要的keys ，然后遍历对象属性并将其添加到数组中。

请仔细阅读摘要，如果您遇到任何问题或疑问，请告诉我。

 var data = { "data": { "series": { "brochure_image": "range.jpg", "background_image": "range.jpg", "Model 1": { "medium_images": "Model_1.png", "brand": "Tesla", "Model 101": { "medium_images": "Model_101.png", "brochure_image": "Model_101.png", }, "Model 102": { "medium_images": "Model_102.png", "brochure_image": "Model_102.png", } }, "Model 2": { "medium_images": "Model_2.png", "brand": "Tesla", "Model 201": { "medium_images": "Model_201.png", "brochure_image": "Model_201.png", } } } } }; var output = []; delete data.data.series.brochure_image delete data.data.series.background_image for (k in data.data.series) { var temp = []; delete data.data.series[k].medium_images; delete data.data.series[k].brand; for (j in data.data.series[k]) { temp.push({ modelName: j, medium_images: data.data.series[k][j].medium_images, brochure_image: data.data.series[k][j].brochure_image }); } output.push({ "series": k, model: temp }); } console.log(output); 

  .as-console { height: 100%; } .as-console-wrapper { max-height: 100% !important; top: 0; }