Unable to flatten an array of objects into a single array

Question

I am trying to flatten an array of objects. The only real informations i require is the arrays compacted into a single array.

The content is as follows:

const content = [
    { "chocolate" : [1] },
    { "banana"    : [5] },
    { "soap"      : [2] },
    { "tea"       : [4] },
];

All i am interested in is the values in the array. So desired result would be:

const result = [1,5,2,4]

I have tried

Object.keys(content).map((val) =>  Object.values(content[val]));

and even tried creating a function

const flatten = ({ children = [], ...rest }) => [rest, ...children.flatMap(flatten)];

and calling it like so:

 console.log(flatten(content));

but no luck. Help?

content.flatMap(Object.values).flat() or content.map(Object.values).flat(2) — roberto tomás
– roberto tomás, Commented Jan 27, 2023 at 17:17
content.flatMap(obj => Object.values(obj)[0]) will do the work. — Lahcen YAMOUN
– Lahcen YAMOUN, Commented Jan 27, 2023 at 17:19

Mr. Polywhirl · Accepted Answer · 2023-01-27 17:16:45Z

1

The easiest way is to flat-map the entries, and pop the first value off of the object.

const
  content  = [
    { "chocolate" : [1] },
    { "banana"    : [5] },
    { "soap"      : [2] },
    { "tea"       : [4] },
  ],
  numbers = content.flatMap((obj) => Object.values(obj).pop());

console.log(JSON.stringify(numbers)); // [1, 5, 2, 4]

answered Jan 27, 2023 at 17:16

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nixit Ahir · Accepted Answer · 2023-01-27 17:12:04Z

0

// source variable
const content = [{
  "chocolate": [1]
}, {
  "banana": [5]
}, {
  "soap": [2]
}, {
  "tea": [4]
}]
// to store result value
const result = [];
// lopoping though each object and accesing values of pbject using **Object.values(obj)** an array indexes.
content.forEach(val => result.push(Object.values(val)[0][0]));
// Printing result
console.log(result);

answered Jan 27, 2023 at 17:12

Nixit Ahir

2,4253 gold badges14 silver badges30 bronze badges

Comments

ManuelMB · Accepted Answer · 2023-01-27 17:13:03Z

0

const result = content.map(o => Object.values(o).shift()[0])

answered Jan 27, 2023 at 17:13

ManuelMB

1,3752 gold badges9 silver badges18 bronze badges

2 Comments

Tyler2P Over a year ago

Your answer could be improved by adding more information on what the code does and how it helps the OP.

ManuelMB Over a year ago

@Tyler2P, Possibly if I explain in words each part of the code it will be easier to understand what it does. But to what level do I explain, what "const" means, what the "map" function does, what the "Object values" method does. What does the function "shift() of Array" do, what does the subscript [0] of an Array do? If you don't understand some of the code, take a part of it and do some research on Google, stackoverflow.com, ChatGpt, etc. Here nobody is paid to try to help others, and in my opinion everyone helps as they want.

0stone0 · Accepted Answer · 2023-01-27 17:16:39Z

0

You should use flatMap with Object.values:

const content  = [{"chocolate": [1]}, {"banana": [5]},{"soap": [2]},{"tea": [4]}]
const res = content.flatMap(e => Object.values(e)[0]);
console.log(res);

answered Jan 27, 2023 at 17:16

0stone0

45.5k6 gold badges53 silver badges82 bronze badges

Comments

Lahcen YAMOUN · Accepted Answer · 2023-01-27 17:20:35Z

0

As easy as this content.flatMap(obj => Object.values(obj)[0])

answered Jan 27, 2023 at 17:20

Lahcen YAMOUN

6913 silver badges16 bronze badges

1 Comment

Shawn Hemelstrand Over a year ago

While this code snippet may be the solution, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion.

Collectives™ on Stack Overflow

Unable to flatten an array of objects into a single array

5 Answers 5

Comments

Comments

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related