根据长度动态设置数组键

Question

Given an array in this format:

[
  [{
      name: "name",
      value: "My-name"
    },
    {
      name: "qty",
      value: "1"
    },
    {
      name: "url",
      value: "test.com"
    },
    {
      name: "comment",
      value: "my-comment"
    }
  ],
  [{
      name: "name",
      value: "My-name2"
    },
    {
      name: "qty",
      value: "3"
    },
    {
      name: "url",
      value: "test2.com"
    }
  ],
  [{
      name: "name",
      value: "My-name3"
    },
    {
      name: "qty",
      value: "1"
    },
    {
      name: "url",
      value: "test3.com"
    },
    {
      name: "comment",
      value: "my-comment3"
    }
  ]
]

I'm looking to switch that to:

[
  [
    { name: "My-name" },
    { qty: "1" },
    { url: "test.com" },
    { comment: "my-comment", }
  ],[
    { name: "My-name2" },  
    { qty: "3" },
    { url: "test2.com",
  ],[
    { name: "My-name3", },
    { qty: "1", },
    { url: "test3.com", },
    { comment: "my-comment3", }
  ]
]

In other words, swapping out the array keys but maintaining the object structure within each array element.

I've tried looping over each element and can swap the keys out using something like:

 newArray[iCount][item.name] = item.value;

However I'm then struggling to preserve the object order. Note that the comment field may or may not appear in the object.

Answer 1

With Array.map() function:

 var arr = [ [{name:"name",value:"My-name"},{name:"qty",value:"1"},{name:"url",value:"test.com"},{name:"comment",value:"my-comment"}], [{name:"name",value:"My-name2"},{name:"qty",value:"3"},{name:"url",value:"test2.com"}], [{name:"name",value:"My-name3"},{name:"qty",value:"1"},{name:"url",value:"test3.com"},{name:"comment",value:"my-comment3"}] ], result = arr.map(function(a){ return a.map(function(obj){ var o = {}; o[obj.name] = obj.value return o; }); }); console.log(result); 

Answer 2

Check my moreBetterOutput value. I think will be better.

If you still need a result like your example in the question then you can check output value.

 const input = [ [ { name:"name", value:"My-name" }, { name:"qty", value:"1" }, { name:"url", value:"test.com" }, { name:"comment", value:"my-comment" } ], [ { name:"name", value:"My-name2" }, { name:"qty", value:"3" }, { name:"url", value:"test2.com" } ], [ { name:"name", value:"My-name3" }, { name:"qty", value:"1" }, { name:"url", value:"test3.com" }, { name:"comment", value:"my-comment3" } ] ] const output = input.map(arr => arr.map(obj => ({[obj.name]: obj.value}))) const moreBetterOutput = output.map(arr => arr.reduce((acc, item, index) => { acc[Object.keys(item)[0]] = item[Object.keys(item)[0]]; return acc; }, {}) ) //console.log(output); console.log(moreBetterOutput); 

Answer 3

Another map function:

const result = array.map( subarray =>
 Object.assign(...subarray.map( ({name, value}) => ({ [name] : value }) ))
);