How do I convert an object into an array of objects where the objects in the array should be the key value pairs of the original object?

Question

I have the below object

input = {a:1, b:2, c:3}

I want to covert it into the following

Output = [{ a: 1 }, { b: 2 }, { c: 3 }]

Also provide solution to vice versa i.e. array of objects to object.

I have tried using built-in methods like Object.entries but not getting the perfect solution.

Answer 1

Use Object.entries() to get key/value tuples and format them as you need:

const input = {a:1, b:2, c:3}
const res = Object.entries(input).map(([key, value]) => ({[key]: value}))
console.log(res)

Answer 2

You can use Object.entries to get the key and value pair and then form the object from them.

And to convert the obj from an array, you can just iterate to the array and create an object from them.

You can check this solution.

input = {a:1, b:2, c:3}

function obj2arr(obj) {
    return Object.entries(obj).map(([key, value]) => {
        return {[key]: value}
    })
}

function arr2obj(arr) {
    return arr.reduce((resObj, obj) => {
        return {...resObj, ...obj};
    }, {});
}

const arr = obj2arr(input);
const obj = arr2obj(arr);

console.log(arr);
console.log(obj);