How to map an Array of arrays to object like property and value?

Question

Im new to javaScript and react..

i have an array consisting of objects. I need to display this array in a AG GRID so what im tring here to map this to array of flat obj.

NOTE: I cannot use jQuery..

below is my array (full code is in codepen, please check the link)

let realData = [
  [
    {
      "key" : "flightNumber" ,
      "label": "Flight Number",
      "value": "EK 131",
      "value-type": "String",
      "order" : 1
    },
    {        
      "key" : "flightId",
      "label": "flightId",
      "value": "1223434",
      "value-type": "String",
      "order" : 2,
      "isId": true
    },
    {

      "key": "CallSign",
      "label": "callSign",
      "value": "123",
      "value-type": "String",
      "order" : 3
    },
  ]
]

what i want the result is

let newArray = [
    {flightNumber: 'EK 131', flightType: 'A', lastUpdate: '11223232', destOrig: 'BEY', sibtSobt: '12121333123', CallSign: '123'},
    {flightNumber: 'EK 132', flightType: 'D', lastUpdate: '11334455', destOrig: 'DEST', sibtSobt: '1234443222', CallSign: '443'}
]

please help

link

Thank you

What have you tried ? I recommend you take the tour: stackoverflow.com/tour — Christophe Roussy
– Christophe Roussy, Commented Feb 26, 2018 at 11:15
Please include all important information directly into the question. See the help center for question requirements! — baao
– baao, Commented Feb 26, 2018 at 11:17
There are some keys that are expected to be values? There are value and keys that didn't exist in JSON but do in result? sibtSobt? — zer00ne
– zer00ne, Commented Feb 26, 2018 at 11:17
@zer00ne i cannot put all the data code in the editer.. so i put tham in codepen and attach the link. — Mohamed Rihan
– Mohamed Rihan, Commented Feb 26, 2018 at 11:19

Shrey Kejriwal · Accepted Answer · 2018-02-26 11:33:36Z

3

Check the below working code...

const newData = [];

realData.forEach((val) => {
  let obj = {};
  val.forEach(v => obj[v.key] = v.value);
  newData.push(obj);
});

console.log(newData);

answered Feb 26, 2018 at 11:33

Shrey Kejriwal

7364 silver badges13 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2018-02-26 11:17:42Z

3

You could map the new objects with Object.assign for a single object.

var data = [[{ key: "flightNumber", label: "Flight Number", value: "EK 131", "value-type": "String", order: 1 }, { key: "flightId", label: "flightId", value: "1223434", "value-type": "String", order: 2, isId: true }, { key: "CallSign", label: "callSign", value: "123", "value-type": "String", order: 3 }]],
    result = data.map(a => Object.assign(...a.map(({ key, value }) => ({ [key]: value }))));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Feb 26, 2018 at 11:17

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

Mohamed Rihan Over a year ago

Thanks for the code. but please see the full array in codepen.

Gabriel Bleu · Accepted Answer · 2018-02-26 11:28:37Z

2

You can reduce each array key/value pair into an object :

const arrays = [
[
    {
      "key" : "flightNumber" ,
      "label": "Flight Number",
      "value": "EK 131",
      "value-type": "String",
      "order" : 1
    },
    {        
      "key" : "flightId",
      "label": "flightId",
      "value": "1223434",
      "value-type": "String",
      "order" : 2,
      "isId": true
    },
    {

      "key": "CallSign",
      "label": "callSign",
      "value": "123",
      "value-type": "String",
      "order" : 3
    }
]
];

const objects = arrays.map(arr => arr.reduce((acc, cur, i) => {
  acc[cur.key] = cur.value;
  return acc;
}, {}));

console.log(objects);

answered Feb 26, 2018 at 11:28

Gabriel Bleu

10.3k2 gold badges33 silver badges45 bronze badges

Collectives™ on Stack Overflow

How to map an Array of arrays to object like property and value?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related