Convert an object containing more objects into an array

Question

This is what I am working with:

let object = {
  'A':{
    "a": {
        "1": "2",
        "3": "4"},
    "b": {
        "3": "4",
        "5": "6"}
    },
  'B':{
    "c": {
        "7": "8",
        "9": "10"},
    "d": {
        "11": "12",
        "13": "14"}
    }
}

I have been trying to compute my output result to look like this

result = [ 
    {"a": {"1": "2", "3": "4"}},
    {"b": {"3": "4", "5": "6"}},
    {"c": {"7": "8", "9": "10"}}
    {"d": {"11": "12", "13": "14"}}
]

I have tried the following which is closer but not the same as what I am looking for: Object.entries(object).map(([key, value]) => { return value })

Sorry. You are right. The object had extra brackets that I mean to add. I corrected it now. — mothfly_dev
– mothfly_dev, Commented Feb 18, 2022 at 13:38
You cant use map, because you cant return an array with more entries than you originally had. I would advice to create a function using normal loop to create a new object. Do you really need a one liner response? if so i can show you another approach — Farah
– Farah, Commented Feb 18, 2022 at 13:45

cmgchess · Accepted Answer · 2022-02-18 13:49:53Z

1

Can be done using 2 forEach

let object = {
  'A':{
    "a": {
        "1": "2",
        "3": "4"},
    "b": {
        "3": "4",
        "5": "6"}
    },
  'B':{
    "c": {
        "7": "8",
        "9": "10"},
    "d": {
        "11": "12",
        "13": "14"}
    }
}



let res = []
Object.values(object).forEach((value) => {
    Object.entries(value).forEach((el) => {
    res.push({[el[0]]: el[1]})
  })
})


console.log(res)

answered Feb 18, 2022 at 13:49

cmgchess

10.3k42 gold badges55 silver badges70 bronze badges

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

5 Comments

mothfly_dev Over a year ago

This is pretty awesome of a solution.

cmgchess Over a year ago

@mothfly_dev i thought this is the most boring solution. its like running 2 loops

Thomas Over a year ago

a variation on this let res = Object.values(object).flatMap(Object.entries).map(([k, v]) => ({ [k]: v }))

mothfly_dev Over a year ago

lol. What would an less boring solution use? I was trying to use recursion but I am too daft( also too daft to come up with a solution like you did with two forEach)

mothfly_dev Over a year ago

Thomas. Ingenious!

ruleboy21 · Accepted Answer · 2022-06-17 16:44:45Z

1

Try this

let object = {'A':{"a": {"1": "2", "3": "4"},"b": {"3": "4", "5": "6"}},'B':{"c": {"7": "8", "9": "10"},"d": {"11": "12", "13": "14"}}};
let arr = Object.entries(Object.assign({}, ...Object.values(object))).map(([k, v]) => ({[k]: v}));
console.log(arr)

edited Jun 17, 2022 at 16:44

answered Feb 18, 2022 at 14:17

ruleboy21

6,5215 gold badges23 silver badges37 bronze badges

Comments

score 0 · Accepted Answer · 2022-02-18 15:23:54Z

0

Try this:

Object.values(object)
    .flatMap(a => Object.entries(a))
    .map(([k, v]) => ({ [k]: v }))

Edited to use the last map idea from @Thomas instead of using Object.fromEntries

edited Feb 18, 2022 at 15:23

answered Feb 18, 2022 at 14:05

user1373996

Collectives™ on Stack Overflow

Convert an object containing more objects into an array

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related