Get Values Array Inside Array in ES6

Question

How can I get the values of the products array inside of an array. I want to combine the products array?

data = [
    {
        "id": "ORDER-111",
        "products": [
            {
                "id": "5435",
                "productName": "Banana",
            }
        ],
    },
    {
        "id": "ORDER-222",
        "products": [
            {
                "id": "75434",
                "productName": "Apple",
            },
             {
                "id": "5345",
                "productName": "Mango",
            }
        ],
    }
]

EXPECTED OUTPUT

"products": [
            {
                "id": "5435",
                "productName": "Banana",
            },
            {
                "id": "75434",
                "productName": "Apple",
            },
             {
                "id": "5345",
                "productName": "Mango",
            }
        ],

CODE

console.log(
  ...data
    .reduce((r, { products }) => {
      (products || []).forEach((o) => {
        r.has(o.id);
      });

      return r;
    }, new Map())
    .values()
);

@CertainPerformance. Edited my question. Please check again

Joseph
– Joseph

2021-03-11 03:55:13 +00:00
Commented Mar 11, 2021 at 3:55 — Joseph
– Joseph, Commented Mar 11, 2021 at 3:55

CertainPerformance · Accepted Answer · 2021-03-11 03:56:41Z

This would be a good place to use .flatMap - in the callback, just navigate to the products subarray of each object:

const data = [
    {
        "id": "ORDER-111",
        "products": [
            {
                "id": "5435",
                "productName": "Banana",
            }
        ],
    },
    {
        "id": "ORDER-222",
        "products": [
            {
                "id": "75434",
                "productName": "Apple",
            },
             {
                "id": "5345",
                "productName": "Mango",
            }
        ],
    }
];
const result = data.flatMap(obj => obj.products);
console.log(result);

In older environments without flatMap, use a polyfill or spread into concat instead:

const data = [
    {
        "id": "ORDER-111",
        "products": [
            {
                "id": "5435",
                "productName": "Banana",
            }
        ],
    },
    {
        "id": "ORDER-222",
        "products": [
            {
                "id": "75434",
                "productName": "Apple",
            },
             {
                "id": "5345",
                "productName": "Mango",
            }
        ],
    }
];
const result = [].concat(...data.map(obj => obj.products));
console.log(result);

Collectives™ on Stack Overflow

Get Values Array Inside Array in ES6

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related