Converting array objects into json in react

Question

I have two array objects and need to use those two arrays in a json object. How to achieve it in react?

let qn = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
let ans= [false, false, false, false, false, false, false, false, false, false];

I need to convert the above two arrays below like this for the purpose of database insertion.

options: [{qn: "1", ans: false}, {qn: "2", ans: false}, ....., {qn: "10", ans: false}]

hgb123 · Accepted Answer · 2020-08-16 07:37:15Z

3

You could use map with index

let qn = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]
let ans = [false, true, false, false, false, false, false, false, false, true]

const res = {
  options: qn.map((q, index) => ({
    qn: q,
    ans: ans[index],
  })),
}

console.log(res)

answered Aug 16, 2020 at 7:37

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

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

5 Comments

Suresh Kumar Pasupulati Over a year ago

let text = this.props.data.matrix.options; let userAnswer = []; for (let j = 0; j < text.length; j++) { userAnswer.push(false); } const options = this.props.data.matrix.options.map((t, index) => ({ text: t, userAnswer: userAnswer[index], })); console.log(options);

Suresh Kumar Pasupulati Over a year ago

Your comment on this question has helped me a lot, but I need one more information.

Suresh Kumar Pasupulati Over a year ago

I'm getting options: [{text: {text: "1"}, userAnswer: false}].... Instead of this format, I need like this : options: [{text: "1", userAnswer: false}].

hgb123 Over a year ago

@SureshKumarPasupulati you should use text: t.text instead of text: t, full: const options = this.props.data.matrix.options.map((t, index) => ({ text: t.text, userAnswer: userAnswer[index], }))

Suresh Kumar Pasupulati Over a year ago

I'm glad that you helped me instantly....Thank you so much! @hgb123

Collectives™ on Stack Overflow

Converting array objects into json in react

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related