javascript - 在 JavaScript 中获取深度嵌套对象中对象的完整路径

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 4 年前。

Improve this question

我的源数组如下所示:

    arr =[
  {
    "dimensionId": 1,
    "dimensionName": "dimensionName1",
    "components": [
      {
        "componentId": 1,
        "componentName": "componentName1",
        "indicators": [
          {
            "indicatorId": 1,
            "indicatorName": "indicatorName1"
          },
          {...}
        ]
      },
       {...}
    ]
  },
  {...}
];

当我尝试使用 .filter 和 .map 通过 'indicatorId' 搜索最深层嵌套的对象时，它返回如下对象:

{
            "indicatorId": 1,
            "indicatorName": "indicatorName1"
}

我需要做的是在遍历其子级时也跟踪父级的属性。期望的输出将是这样的:

{
  "dimensionId": 1,
  "dimensionName": "dimensionName1",
  "componentId": 1,
  "componentName": "componentName2",
  "indicatorId": 1,
  "indicatorName": "indicatorName3"
}

有没有办法递归地执行此操作？ 编辑:id 在整个数组中不是唯一的

Answer 1

您可以循环遍历并在找到时返回。

arr =[
  {
    "dimensionId": 1,
    "dimensionName": "dimensionName1",
    "components": [
      {
        "componentId": 2,
        "componentName": "componentName2",
        "indicators": [
          {
            "indicatorId": 3,
            "indicatorName": "indicatorName3"
          },
					{
            "indicatorId": 3.1,
            "indicatorName": "indicatorName31"
          },
        ]
      }
    ]
  },
];

let out =  {}
arr.forEach(({dimensionId, dimensionName, components}) => {
	components.forEach(({indicators, componentId, componentName}) => {
		let found = indicators.find(({indicatorId}) => indicatorId === 3);
		if (found) {
			out = {dimensionId, dimensionName, componentId, componentName, ...found};
			return;
		}
	});
})

console.log(out)