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.
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);