如何使我的javaScript。 -映射功能更有效？

Question

我目前正在将AWS OpenSearch搜索的大量数据返回到一个名为eventlist的数组中。数组中的每个事件都有以下结构：

{
  _source: {
    "key": value
    "key": value
    "key": value
  }
}

因此，我想破坏这一点，以使_Source成为事件数据，然后通过EventList映射。目前，我有两个.map实例，我知道这不是那么有效，所以我想知道如何将它们结合起来。

let eventList = [
  {
    _source: {
      tags: "xxx,yyy,zzz"
      ...
    }
  }
];

eventList = eventList.map((event) => event._source);
eventList = eventList.map((event) => {
  const { tags } = event;

  return {
    ...event,
    tags: tags?.split(",") ?? [],
  };
});

Answer 1

正如您在问题中所说的那样，您可以将这两个MAP调用：

eventList = eventList.map(({_source}) => (
    ..._source,
    tags: _source.tags?.split(",") ?? [],
));

我在参数列表中使用了破坏性，但是如果您没有 不想要：

eventList = eventList.map((event) => (
    ...event._source,
    tags: event._source.tags?.split(",") ?? [],
));

有一百种不同的方式来写这句话，但是您明白了。

实际上，我们可以进一步破坏：

eventList = eventList.map(({_source: {tags, ...rest}}) => (
    ...rest,
    tags: tags?.split(",") ?? [],
));

但是所有这些变化都应大致相同。最大的胜利是只有一个地图。