使用 JavaScript 在数组中使用 id 查找值答案

【问题标题】：Find value using id in array using JavaScript使用 JavaScript 在数组中使用 id 查找值
【发布时间】：2023-01-26 15:59:43
【问题描述】：

我需要找到价值属于 type2.id，其中 id 在以下对象中为 7

[
  {
    "type1": {
      "id": "1",
      "value": "val1"
    },
    "type2": [
      {
        "id": "2",
        "value": "val2"
      }
    ]
  },
  {
    "type1": null,
    "type2": [
      {
        "id": "5",
        "value": "val5"
      }
    ]
  },
  {
    "type1": {
      "id": "3",
      "value": "val3"
    },
    "type2": [

    ]
  },
  {
    "type1": {
      "id": "4",
      "value": "val4"
    },
    "type2": [
      {
        "id": "7",
        "value": "val7"
      }
    ]
  }
]

请注意 type1 是一个简单的对象，type 2 是一个数组，type2 也可以是空数组。

【问题讨论】：

请访问help center，带上tour看什么和How to Ask。做一些研究，搜索有关 SO 的相关主题；如果您遇到困难，请发布您尝试的minimal reproducible example，注明输入和预期输出，最好是Stacksnippet
你也没有“一个 json”，你有一个普通的旧 javascript 对象
这回答了你的问题了吗？ Find object by id in an array of JavaScript objects

标签： javascript

【解决方案1】：

let value = null;
obj.forEach(item => {
  if (item.type2 && item.type2.length > 0) {
    item.type2.forEach(type2 => {
      if (type2.id === '7') {
        value = type2.value;
      }
    });
  }
});

console.log("first way : ", value);
let type2Array = obj.map(obj => obj.type2).flat()
value = type2Array.filter(obj => obj.id === '7').at(0)?.value
console.log("second way : ", value);

<script>
  const obj = [{
      "type1": {
        "id": "1",
        "value": "val1"
      },
      "type2": [{
        "id": "2",
        "value": "val2"
      }]
    },
    {
      "type1": null,
      "type2": [{
        "id": "5",
        "value": "val5"
      }]
    },
    {
      "type1": {
        "id": "3",
        "value": "val3"
      },
      "type2": [

      ]
    },
    {
      "type1": {
        "id": "4",
        "value": "val4"
      },
      "type2": [{
        "id": "7",
        "value": "val7"
      }]
    }
  ];
</script>

【讨论】：

【解决方案2】：

将数组分配给 const 并制作嵌套映射。

const foundObj = array.map(obj => obj.type2.map(type2obj => type2obj.id === '7')));

const value = foundObj.value

在这里小提琴：https://jsfiddle.net/

【讨论】：