Restructuring an array into a list of objects in a object Javascript/Nodejs

Question

My desired output is at the bottom of this post, I want to remove the array and put a list of objects inside an object.

I'm sharing my map function because i'm hopeful that there's a method inside there that can get my desired input and i'm just not doing it correctly.

If what i'm doing doesn't make sense i would love a better method of manipulating this data.

Starting Data(./updatepayloadTEMP.json)

{
 "outputparameters": [
    {
        "name": "0000x0000",
        "filepath": "D:\\Code\\ImageTiling\\6\\0000x0000.png"
    },
    {
        "name": "0000x0001",
        "filepath": "D:\\Code\\ImageTiling\\6\\0000x0001.png"
    },
    {
        "name": "0000x0002",
        "filepath": "D:\\Code\\ImageTiling\\6\\0000x0002.png"
    }
 ]
}

Variables

 let UpdatedTaskOutput = fs.readFileSync('./updatepayloadTEMP.json'); 
 let Updatedtaskoutputjson = JSON.parse(UpdatedTaskOutput); 
 var dynamictaskdetails = Updatedtaskoutputjson.outputparameters;

MAP func

   var taskparamscompiled = dynamictaskdetails.map(function (elem) {
   taskname = tasknamefromworkflowdef + elem.name;
   taskparms = taskparamsobj;
   return {
    [taskname]: taskparms,
   };
  });

What i'm currently getting for taskparamscompiled

 [
 {
   process0000x0000: {
    tr: 16,
    tc: 16,
    ofr: 16,
    ofc: 16,
    outfile: '"D:\\Code\\Process\\1"',
   },
  },
{
 process0000x0001: {
   tr: 16,
   tc: 16,
   ofr: 16,
   ofc: 16,
   outfile: '"D:\\Code\\Process\\1"',
  },
},
{
 process0000x0002: {
   tr: 16,
   tc: 16,
   ofr: 16,
   ofc: 16,
   outfile: '"D:\\Code\\Process\\1"',
 },
},
];

What I want

 {
   "process0000x0000": {
   "tr": 16,
   "tc": 16,
   "ofr": 16,
   "ofc": 16,
   "outfile": '"D:\\Code\\Process\\1"'
 },

    "process0000x0001": {
   "tr": 16,
   "tc": 16,
   "ofr": 16,
   "ofc": 16,
   "outfile": '"D:\\Code\\Process\\1"'
 },
 "process0000x0002": {
   "tr": 16,
   "tc": 16,
   "ofr": 16,
   "ofc": 16,
   "outfile": '"D:\\Code\\Process\\1"'
 },
}

I missed something, UPDATE: I now need to get the filepath ( "filepath": "D:\\Code\\ImageTiling\\6\\0000x0000.png") into the process object like this

process0000x0000: {
   filepath: "D:\\Code\\ImageTiling\\6\\0000x0000.png" 
    tr: 16,
    tc: 16,
    ofr: 16,
    ofc: 16,
    outfile: '"D:\\Code\\Process\\1"',
   }

Josh Pospisil · Accepted Answer · 2021-02-09 00:02:25Z

1

Array.prototype.map() will return an array. You probably want to use Array.prototype.reduce(). https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

I think this gives you your desired output

const dynamictaskdetails = [
  {
    name: '0000x0000',
    filepath: 'D:\\Code\\ImageTiling\\6\\0000x0000.png'
  },
  {
    name: '0000x0001',
    filepath: 'D:\\Code\\ImageTiling\\6\\0000x0001.png'
  },
  {
    name: '0000x0002',
    filepath: 'D:\\Code\\ImageTiling\\6\\0000x0002.png'
  }
];

const taskparamsobj = {
  tr: 16,
  tc: 16,
  ofr: 16,
  ofc: 16,
  outfile: 'D:\\Code\\Process\\1'
};

const taskparamscompiled = dynamictaskdetails.reduce((accumulator, elem) => {
  const taskname = 'process' + elem.name;
  return {
    ...accumulator,
    [taskname]: taskparamsobj,
  };
}, {});

console.log(taskparamscompiled);

This resulted in the following output:

{
  process0000x0000: { tr: 16, tc: 16, ofr: 16, ofc: 16, outfile: 'D:\\Code\\Process\\1' },
  process0000x0001: { tr: 16, tc: 16, ofr: 16, ofc: 16, outfile: 'D:\\Code\\Process\\1' },
  process0000x0002: { tr: 16, tc: 16, ofr: 16, ofc: 16, outfile: 'D:\\Code\\Process\\1' }
}

edited Feb 9, 2021 at 0:02

answered Feb 8, 2021 at 23:56

Josh Pospisil

2151 silver badge7 bronze badges

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

3 Comments

Justin Miller Over a year ago

Thank you very much, i had a feeling i wasn't using Array.prototype.map() correctly

Justin Miller Over a year ago

idk if i should reply or ask here but, What if i want to add the filepath from ./updatepayloadTEMP.json to the sub objects with the other properties?

Justin Miller Over a year ago

last ditch effort, i made another post with my current status. stackoverflow.com/questions/66230508/… @josh-pospisil

Collectives™ on Stack Overflow

Restructuring an array into a list of objects in a object Javascript/Nodejs

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related