Object of object to Array of object

WooZy 0
Viewed 32

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!

javascript
3 Answers

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)

spender0

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);
Obie0

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 }));
}
Cam Parry0
Related