How do I convert Array of object to Object

Question

I am trying to convert array of objects in to new object

I have this

const filter = [
    {
      fieldName: "userid"
      fieldValue: "12345"
    },
    {
      fieldName: "username"
      fieldValue: "myname"
    }
];

Need output like this

   const filterOut = {
           userid: "12345",
           username: "myname"
    }

Does this answer your question? [How do I convert array of Objects into one Object in JavaScript?](https://stackoverflow.com/questions/19874555/how-do-i-convert-array-of-objects-into-one-object-in-javascript) — Ivar, May 08 '21 at 19:04

score 2 · Accepted Answer · answered May 08 '21 at 18:57

You could use Array.prototype.reduce() like this:

const filter = [
    {
      fieldName: "userid",
      fieldValue: "12345"
    },
    {
      fieldName: "username",
      fieldValue: "myname"
    }
];

const filterOut = filter.reduce((acc, { fieldName, fieldValue }) => ({ ...acc, [fieldName]: fieldValue }), {});

console.log(filterOut);

score 0 · Answer 2 · answered May 08 '21 at 18:55

0

Math the array to an array of [key, value] entries, and convert the entries to an object using Object.fromEntries():

const filter = [{"fieldName":"userid","fieldValue":"12345"},{"fieldName":"username","fieldValue":"myname"}];

const filterOut = Object.fromEntries(
  filter.map(o => [o.fieldName, o.fieldValue])
);

console.log(filterOut);

answered May 08 '21 at 18:55

Ori Drori

183,571
29
224
209

Thanks a lot Guys, Appreciate it – Kish May 08 '21 at 20:03

score 0 · Answer 3 · answered May 08 '21 at 19:00

A simple function to do this conversion:

function fieldArrayToObject(fields) {
  if (Array.isArray(fields)) {
     let obj = {};
     fields.forEach(field => {
       obj[field.fieldName] = field.fieldValue;
     });
     return obj;
  }
  return null;
}

How do I convert Array of object to Object

3 Answers3