如何从另一个对象数组创建具有唯一键/值对的对象数组？

Question

我正在尝试从此对象数组中实现一个具有唯一键/值对的较小对象数组。 这是我要从中获取组及其值的数组。 这是对象的主要数组：

let samples = {
    {
       id: 2,
       group: 'picturesWithDescription',
       elements: [
            {
                id: 1
            },
            {
                id: 2
            }
           ]
        },
        {
            id: 3,
            group: 'footers',
            elements: [
            {
                id: 1
            },
            {
                id: 2
            }
           ]
        },
        {
            id: 4,
            group: 'movies',
            elements: [
            {
                id: 1
            },
            {
                id: 2
            }
           ]
        },
        {
            id: 4,
            group: 'movies',
            elements: [
            {
                id: 1
            },
            {
                id: 2
            }
           ]
        }
    }

这是我想要实现的目标：

let result = [
{group: 'picturesWithDescription'},
{group: 'footers'},
{group: 'movies'}
]

Answer 1

假设样本是一个有问题的数组 。

尝试跟随

 let samples = [{id:2,group:'picturesWithDescription',elements:[{id:1},{id:2}]},{id:3,group:'footers',elements:[{id:1},{id:2}]},{id:4,group:'movies',elements:[{id:1},{id:2}]},{id:4,group:'movies',elements:[{id:1},{id:2}]}]; /* 1. Create an array with only group names ** 2. Convert it into Set to remove duplicates. ** 3. Convert back to array. ** 4. Create an array with object with group property. */ let result = [...new Set(samples.map(({group}) => group))].map((group) => {return {group}}); console.log(result); 

要么

 let samples = [{id:2,group:'picturesWithDescription',elements:[{id:1},{id:2}]},{id:3,group:'footers',elements:[{id:1},{id:2}]},{id:4,group:'movies',elements:[{id:1},{id:2}]},{id:4,group:'movies',elements:[{id:1},{id:2}]}]; /* 1. Reduce the array into an object with group names as key (removes duplicate) ** 2. Iterate over the keys (group names) and create an object with group property*/ let result = Object.keys(samples.reduce((a,{group}) => {a[group] = group; return a}, {})).map((group) => {return {group}}); console.log(result);