时间戳

首页 > 解决方案 > 在 react 和 javascript 中，如何正确映射此对象的键值？

javascript - 在 react 和 javascript 中，如何正确映射此对象的键值？

问题描述

我有一个对象，其中每个键都是唯一的 id，键值是对象数组。

我有一个道具，我们称它为“objId”，其值是对象上的唯一 ID 之一

我想将数组映射到其键与道具“objId”匹配的对象上

举一个更好的视觉示例：

const bigObj = {
  a123: [{status: 'happy'}, {status: 'moody'}]
  a456: [{status: 'fail'}, {status: 'blah'}]
}

const objId = 'a123'

我想将 bigObj.a123 映射到我的组件中，因为它与 objId 属性匹配。

我有点卡住了，任何想法都会有所帮助，如果需要也可以提供更多信息。

标签： javascriptreactjs

解决方案

您可以像这样访问对象属性：

const arr = bigObj[objId];

然后，您可以将其映射到您需要的任何内容。您还需要小心并检查数组是否确实存在：

const mappedArray = arr?.map(item => "whatever you need to map it into");

推荐阅读