如何映射两个对象数组，将它们连接起来并有效地添加索引

Question

我有两个不同的对象数组，需要分别映射到我定义的key：value对。 映射时，应为每个对象分配一个顺序索引。 然后，我需要获取每个映射的数组并将其连接起来。

到目前为止，这是我尝试过的。 它可以工作，但是我认为可能有更有效或更干净的方法：

const mapPosts = () => {
        let index = 0

        const mappedPostsA = postsA.map(post => {
          index++
          return {
            id: index,
            provider: 'Wordpress',
            post_id: postA.id,
            title: postA.title,
            body: postA.body_html
          }
        })

        const mappedPostsB = postsB.map(post => {
          index++
          return {
            id: index,
            provider: 'Blogspot',
            post_id: postB.id,
            title: postB.title,
            body: postB.description
          }
        })

        const mappedPosts = [...mappedPostsA, ...mappedPostsB])
      }

Answer 1

您可以将索引仅按postsA的长度postsA ，因为您知道postsB总是postsB其后。

const mapPosts = (postsA, postsB) => {
    return [
        ...postsA.map((post, index) => ({
            id: index,
            provider: 'Wordpress',
            post_id: post.id,
            title: post.title,
            body: post.body_html
        }))
        ...postsB.map((product, index) => ({
            id: index + postsA.length,
            provider: 'Blogspot',
            post_id: product.id,
            title: product.title,
            body: product.description
        }))
    ];
};

因为您在原始问题中使用了扩展语法，所以我使用了扩展语法，可以改用诸如mappedA.concat(mappedB)类的东西，但这主要是优先考虑的问题。

Answer 2

如果您担心效率，并且有很多对象，则可能要考虑使用Map而不是普通对象。 地图是专门为有效处理键值对而定制的。 您可能会略微提高性能，或者至少获得稍微易读的代码。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map

Answer 3

为了消除代码重复，我可能会做

const mappedPostsA = postsA.map(post => ({post, provider: 'Wordpress', body: post.body_html}));
const mappedPostsB = postsB.map(post => ({post, provider: 'Blogspot', body: post.description}));

const mappedPosts = [].concat(mappedPostsA, mappedPostsB).map(({post, provider, body}, index) => ({
    id: index,
    provider,
    post_id: post.id,
    title: post.title,
    body,
}));