Object of object to Array of object

Question

I have object of object like this:

        const testik = {
        0: {
            name: "(REJ) - Rejected",
            value: 'rejected'
        },
        1: {
            name: "(VISA) - Received visa",
            value: 'received_visa'
        }
    }

And i want final Array of objects like this:

        const crossingStatusItems = [
        {
            id: '0',
            name: "(REJ) - Rejected",
            value: 'rejected'
        },
        {
            id: '1',
            name: "(VISA) - Received visa",
            value: 'received_visa'
        }]

Thanks for any help!

Does this answer your question? How to convert object containing Objects into array of objects — Tamir Abutbul
– Tamir Abutbul, Commented Sep 20, 2022 at 16:28
@TamirAbutbul Not exactly the same, OP needs to add the original key to the new element in the array as id. — k.tten
– k.tten, Commented Sep 20, 2022 at 16:29

spender · Accepted Answer · 2022-09-20 16:34:33Z

3

Object.entries(testik) will return an array of the key-value pairs in your object. These can be mapped into an array of new object quite easily with the help of the spread operator:

Object.entries(testik).map(([id, v]) => ({...v, id}))

const testik = {
  0: {
    name: "(REJ) - Rejected",
    value: 'rejected'
  },
  1: {
    name: "(VISA) - Received visa",
    value: 'received_visa'
  }
}
const mapped = Object.entries(testik).map(([id, v]) => ({ ...v,
  id
}))
console.log(mapped)

answered Sep 20, 2022 at 16:34

spender

121k36 gold badges245 silver badges369 bronze badges

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

Comments

Obie · Accepted Answer · 2022-09-20 16:31:52Z

0

Try this

function toArray(obj) {
  return Object.keys(obj).map(function (key) {
    return {
      id: `${key}`,
      ...obj[key],
    };
  });
}

const testik = {
  0: {
    name: "(REJ) - Rejected",
    value: "rejected",
  },
  1: {
    name: "(VISA) - Received visa",
    value: "received_visa",
  },
};

const crossingStatusItems = toArray(testik);
console.log(crossingStatusItems);

answered Sep 20, 2022 at 16:31

Obie

3023 silver badges8 bronze badges

Comments

Cam Parry · Accepted Answer · 2022-09-20 16:40:42Z

0

One way to to it would be use the Object.entries method like so:

function toArray(obj) {
    return Object.entries(obj).map(function ([id, value]) {
        return {
            ...value,
            id: id,
        };
    });
}

Or a shorter version:

function toArray(obj) {
    return Object.entries(obj).map(([id, value]) => ({ ...value, id }));
}

answered Sep 20, 2022 at 16:40

Cam Parry

1362 silver badges9 bronze badges

Collectives™ on Stack Overflow

Object of object to Array of object

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related