How t convert JavaScript objects into array of objects?

Question

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

My code:

entireObject =   {
        "++255 638-1527": {
            "email": "info@gmail.com",
            "phoneNumber": "++255 638-1527"
        },
        "+255 532-1587": {
            "email": "uihy@gmail.com",
            "phoneNumber": "+255 532-1587"
        },
        "+255 613-1587": {
            "email": "klch@gmail.com",
            "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": "info@gmail.com",
            "phoneNumber": "++255 638-1527"
        },
            "email": "uihy@gmail.com",
            "phoneNumber": "+255 532-1587"
        },
        {
            "email": "klch@gmail.com",
            "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, Mar 07 '22 at 21:11
yeah I have put it in a seperate varibale and console.log() it — mani, Mar 07 '22 at 21:26
Please share what you have tried and the specific challenge with it so that we may assist you in fixing it. — Mark Schultheiss, Mar 07 '22 at 21:34
NOTE: Your "desired output" is an invalid object as you have it now — Mark Schultheiss, Mar 07 '22 at 21:48

score 1 · Answer 1 · answered Mar 07 '22 at 22:00

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": "info@gmail.com",
            "phoneNumber": "++255 638-1527"
        },
        "+255 532-1587": {
            "email": "uihy@gmail.com",
            "phoneNumber": "+255 532-1587"
        },
        "+255 613-1587": {
            "email": "klch@gmail.com",
            "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 );

score -1 · Answer 2 · edited Mar 07 '22 at 21:38

-1

you could do something like this:

const myObject = {
  "++255 638-1527": {
    email: "info@gmail.com",
    phoneNumber: "++255 638-1527"
  },
  "+255 532-1587": {
    email: "uihy@gmail.com",
    phoneNumber: "+255 532-1587"
  },
  "+255 613-1587": {
    email: "klch@gmail.com",
    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 07 '22 at 21:38

Mark Schultheiss

32,614
12
69
100

answered Mar 07 '22 at 21:32

Juan Diego Salas Jiménez

1

Why use `map` here? It seems pointless – evolutionxbox Mar 07 '22 at 21:37

score -1 · Answer 3 · answered Mar 07 '22 at 21:33

-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 07 '22 at 21:33

Know Thyself

1
2

1

Rather than a link answer you should vote to close as a duplicate – Mark Schultheiss Mar 07 '22 at 21:35
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. – Know Thyself Mar 07 '22 at 22:26
Please do not assume votes here as I did not vote you up or down. – Mark Schultheiss Mar 07 '22 at 22:28

score -1 · Accepted Answer · edited Mar 07 '22 at 21:46

-1

How about this?

const myObject = {
  "++255 638-1527": {
    email: "info@gmail.com",
    phoneNumber: "++255 638-1527"
  },
  "+255 532-1587": {
    email: "uihy@gmail.com",
    phoneNumber: "+255 532-1587"
  },
  "+255 613-1587": {
    email: "klch@gmail.com",
    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 07 '22 at 21:46

Mark Schultheiss

32,614
12
69
100

answered Mar 07 '22 at 21:42

Harry

754
2
16

2

This doesn't result in the desired output – evolutionxbox Mar 07 '22 at 21:43

How t convert JavaScript objects into array of objects?

4 Answers4