How t convert JavaScript objects into array of objects? [duplicate]

Question

I want to convert objects as shown here to array of objects:

My code:

entireObject =   {
        "++255 638-1527": {
            "email": "[email protected]",
            "phoneNumber": "++255 638-1527"
        },
        "+255 532-1587": {
            "email": "[email protected]",
            "phoneNumber": "+255 532-1587"
        },
        "+255 613-1587": {
            "email": "[email protected]",
            "phoneNumber": "+255 613-1587",
            "info": [
                {
                    "date": "2022-02-19",
                    "count": 1
                },
                {
                    "date": "2022-03-17",
                    "count": 9
                }]
       }
}

I want to convert this to array of objects so, the output should look like this:

entireObject =   [
        {
            "email": "[email protected]",
            "phoneNumber": "++255 638-1527"
        },
            "email": "[email protected]",
            "phoneNumber": "+255 532-1587"
        },
        {
            "email": "[email protected]",
            "phoneNumber": "+255 613-1587",
            "info": [
                {
                    "date": "2022-02-19",
                    "count": 1
                },
                {
                    "date": "2022-03-17",
                    "count": 9
                }]
            }
}

I need the data like this in order to render it in HTML, so How can I do this?

No change? What do you mean? The code I suggested won't affect entireObject, but it does return the array you want. Put it in a new variable — evolutionxbox
– evolutionxbox, Commented Mar 7, 2022 at 21:11
yeah I have put it in a seperate varibale and console.log() it — mani
– mani, Commented Mar 7, 2022 at 21:26
NOTE: Your "desired output" is an invalid object as you have it now — Mark Schultheiss
– Mark Schultheiss, Commented Mar 7, 2022 at 21:48

PeterKA · Accepted Answer · 2022-03-07 22:00:09Z

1

The desired result should end with ] in order to be a valid array, not }. All you need is Object.values() as in the following demo.

const entireObject =   {
        "++255 638-1527": {
            "email": "[email protected]",
            "phoneNumber": "++255 638-1527"
        },
        "+255 532-1587": {
            "email": "[email protected]",
            "phoneNumber": "+255 532-1587"
        },
        "+255 613-1587": {
            "email": "[email protected]",
            "phoneNumber": "+255 613-1587",
            "info": [
                {
                    "date": "2022-02-19",
                    "count": 1
                },
                {
                    "date": "2022-03-17",
                    "count": 9
                }]
       }
};

const arr = Object.values( entireObject );

console.log( arr );

answered Mar 7, 2022 at 22:00

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

Comments

Mark Schultheiss · Accepted Answer · 2022-03-07 21:46:15Z

-1

How about this?

const myObject = {
  "++255 638-1527": {
    email: "[email protected]",
    phoneNumber: "++255 638-1527"
  },
  "+255 532-1587": {
    email: "[email protected]",
    phoneNumber: "+255 532-1587"
  },
  "+255 613-1587": {
    email: "[email protected]",
    phoneNumber: "+255 613-1587",
    info: [{
        date: "2022-02-19",
        count: 1
      },
      {
        date: "2022-03-17",
        count: 9
      }
    ]
  }
};

let objectToArray = [{ ...myObject
}]

console.log(objectToArray)

edited Mar 7, 2022 at 21:46

Mark Schultheiss

34.3k13 gold badges75 silver badges116 bronze badges

answered Mar 7, 2022 at 21:42

Haresh Samnani

8126 silver badges18 bronze badges

1 Comment

evolutionxbox Over a year ago

This doesn't result in the desired output

Know Thyself · Accepted Answer · 2022-03-07 21:33:44Z

-1

Just wanted to point you in the right direction as a similar question was asked and perfectly answered. Here's the link: How to convert object containing Objects into array of objects N.B. please make sure to see the answer which is voted as the best answer.

answered Mar 7, 2022 at 21:33

Know Thyself

12 bronze badges

3 Comments

Mark Schultheiss Over a year ago

Rather than a link answer you should vote to close as a duplicate

Know Thyself Over a year ago

Mark Schultheiss, I found it interesting that you voted my attempt to direct the asker to the solution down. Anyways, it was my very first answer and I will try to do better next time.

Mark Schultheiss Over a year ago

Please do not assume votes here as I did not vote you up or down.

Mark Schultheiss · Accepted Answer · 2022-03-07 21:38:00Z

-1

you could do something like this:

const myObject = {
  "++255 638-1527": {
    email: "[email protected]",
    phoneNumber: "++255 638-1527"
  },
  "+255 532-1587": {
    email: "[email protected]",
    phoneNumber: "+255 532-1587"
  },
  "+255 613-1587": {
    email: "[email protected]",
    phoneNumber: "+255 613-1587",
    info: [{
        date: "2022-02-19",
        count: 1
      },
      {
        date: "2022-03-17",
        count: 9
      }
    ]
  }
};

let result = Object.values(myObject).map((item) => ({ ...item
}));
console.log(result);

edited Mar 7, 2022 at 21:38

Mark Schultheiss

34.3k13 gold badges75 silver badges116 bronze badges

answered Mar 7, 2022 at 21:32

Juan Diego Salas Jiménez

1

1 Comment

evolutionxbox Over a year ago

Why use map here? It seems pointless

Collectives™ on Stack Overflow

How t convert JavaScript objects into array of objects? [duplicate]

4 Answers 4

Comments

1 Comment

3 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

3 Comments

1 Comment

Linked

Related