JS在重命名的顶部转换顶部的深层​​嵌套物体

Question

我想简化以新属性名称在顶级移动一些嵌套对象。给定此数据：

let data = [
      {
        "id": 1001,
        "model": "Lemon",
        "length": "4",
        "details": [
          {
            "id": 38,
            "kind": "D",
            "color": "Gray",
            "specifics": {
              "id": 3
            }
          }
        ]
      },
      {
        "id": 1002,
        "model": "Botanica",
        "length": "2",
        "details": [
          {
            "id": 39,
            "kind": "A",
            "color": "Yellow",
            "specifics": {
              "id": 1
            }
          },
          {
            "id": 40,
            "kind": "B",
            "color": "Green",
            "specifics": {
              "id": 2
            }
          },
        ]
      }
    ];

我所需的输出：

    [
      {
        "id": 3,
        "model": "Lemon",
        "color": "Gray",
      },
      {
        "id": 1,
        "model": "Botanica",
        "color": "Yellow",
      },
      {
        "id": 2,
        "model": "Botanica",
        "color": "Green",
      }
    ]

结合模型和颜色更好：

[
  {
    "id": 3,
    "model": "Lemon - Gray"
  },
  {
    "id": 1,
    "model": "Botanica - Yellow"
  },
  {
    "id": 2,
    "model": "Botanica - Green"
  }
]

如果有多个细节，它也将与模型和颜色一起创建一个新对象，然后它将在顶部移动。这是我到目前为止尝试的：

const result = data.map(({ details, ...d }) => ({
  ...d,
  data: details.map(({ specifics, ...s }) => ({
    ...r,
    id: specifics.id
  }))
}));

但是看来我无法获得正确的结果。如何简化这个？谢谢。

Answer 1

首先，我们需要循环浏览数据阵列。我们可以从数据元素（即item）获得model。然后，我们需要循环浏览该item.details数组。从中，我们可以获得ID，lidet.color。她的是完整的代码。

let data = [
      {
        "id": 1001,
        "model": "Lemon",
        "length": "4",
        "details": [
          {
            "id": 38,
            "kind": "D",
            "color": "Gray",
            "specifics": {
              "id": 3
            }
          }
        ]
      },
      {
        "id": 1002,
        "model": "Botanica",
        "length": "2",
        "details": [
          {
            "id": 39,
            "kind": "A",
            "color": "Yellow",
            "specifics": {
              "id": 1
            }
          },
          {
            "id": 40,
            "kind": "B",
            "color": "Green",
            "specifics": {
              "id": 2
            }
          },
        ]
      }
    ];

const result = data.reduce((result, item) => {
  return [...result, ...item.details.map((detail) => {
    return {
      id: detail.specifics.id,
      model: item.model + " - " + detail.color
    }
  } )]
}, []);

console.log(result);