Question

0

164

Views

React Array to Object conversion

I am new to React and I am getting a response from json file as

methodTypes = ["BOTH","INSIDE","OUTSIDE"]

outputTypes = ["STANDARD","DETAILED","ALL_ATTRIBUTES_STANDARD","ALL_ATTRIBUTES_DETAILED"]

I want to convert it into below format using JavaScript.

methods = [
  {"methodKey":"BOTH","outputTypes":["STANDARD","DETAILED","ALL_ATTRIBUTES_STANDARD","ALL_ATTRIBUTES_DETAILED"]},
  {"methodKey":"INSIDE","outputTypes":["STANDARD","DETAILED","ALL_ATTRIBUTES_STANDARD","ALL_ATTRIBUTES_DETAILED"]},
  {"methodKey":"OUTSIDE","outputTypes":["STANDARD","DETAILED","ALL_ATTRIBUTES_STANDARD","ALL_ATTRIBUTES_DETAILED"]}
]

How can I achieve that? I tried using array.reduce method but, it is not working as expected.

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-07-03T04:36:05.086Z

Using Array#map:

const 
  methodTypes = ["BOTH","INSIDE","OUTSIDE"],
  outputTypes = ["STANDARD","DETAILED","ALL_ATTRIBUTES_STANDARD","ALL_ATTRIBUTES_DETAILED"];
  
const methods = methodTypes.map(methodKey => ({ methodKey, outputTypes: [...outputTypes] }));

console.log(methods);

0

164

React Array to Object conversion

1 answers

0

Find remote jobs

Andres GPT