Get a one-dimensional array from an array of objects [duplicate]

Question

I have the following array of objects:

const input = [
  { key1: 1, key2: 1, key3: 5 },
  { key1: 2, key2: 5, key3: 6 },
  { key1: 4, key2: 6, key3: 7 },
  { key1: 7, key2: 8, key3: 9 },
];

I just want to loop through an array of objects and collect all the values into a one dimensional array like this:

const output = [1, 1, 5, 2, 5, 6, 4, 6, 7, 7, 8, 9];

Can someone help solve this problem?

Can you show us some code you have tried to do this? You may find the map or flatMap methods useful ;) developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — maxshuty
– maxshuty, Commented Dec 22, 2021 at 12:44

adiga · Accepted Answer · 2021-12-22 12:56:20Z

6

If the keys are always in that order, you can use Object.values as a callback to flatMap

const output = input.flatMap(Object.values)

const input = [
  { key1: 1, key2: 1, key3: 5 },
  { key1: 2, key2: 5, key3: 6 },
  { key1: 4, key2: 6, key3: 7 },
  { key1: 7, key2: 8, key3: 9 },
];

const output = input.flatMap(Object.values)

console.log(output)

Relying the order of keys in an object is generally NOT a good idea. You can destrcuture all the properties you need and flatten them in that order:

input.flatMap(({ key1, key2,  key3 }) => [key1, key2, key3])

or

Create an array of keys to make it a bit more dynamic:

const keys = ["key1", "key2", "key3"]
const output = input.flatMap(o => keys.map(k => o[k]))

edited Dec 22, 2021 at 12:56

answered Dec 22, 2021 at 12:44

adiga

35.4k9 gold badges66 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

Get a one-dimensional array from an array of objects [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related