How to read array object values in a single array

Question

How to retrieve values of objects into a single array.

var arrayOjObjects =  {
  "Fruits": ["Banana", "Apple"],
  "Vegetables": ["Carrot", "Chilli"],
  "Drinks": ["Coco", "Pepsi"]
}

Output = ["Banana", "Apple", "Carrot", "Chilli", "Coco", "Pepsi"]

Tried Object.values(arrayOjObjects) but it is giving multiple arrays. Any inputs on this?

Answer 1

You could take an array of the keys and then reduce it to the desired result:

var arrayOfObjects = {
  "Fruits": ["Banana", "Apple"],
  "Vegetables": ["Carrot", "Chilli"],
  "Drinks": ["Coco", "Pepsi"]
}

const output = Object.keys(arrayOfObjects).reduce((output, key) => {
  output.push(...arrayOfObjects[key]);
  return output;
}, [])

console.log(output)
//Output = ["Banana", "Apple", "Carrot", "Chilli", "Coco", "Pepsi"]

Answer 2

Use flat, like:

Object.values(arrayOjObjects).flat()

The flat() method creates a new array with all sub-array elements concatenated into it recursively up to the specified depth.