Hay un cuestionario que muestra una pregunta dependiendo de la respuesta. El archivo JSON contiene la identificación de las preguntas que se muestran cuando selecciona. El objeto de la pregunta se ve así:
const quiz = [ { id: "1", question: "question1", answer1: { text: "answ1", nextQuestion: "2", }, answer2: { text: "answ2", nextQuestion: "3", }, }, { id: "2", question: "question2", answer1: { text: "answ1", nextQuestion: "", }, answer2: { text: "answ2", nextQuestion: "", }, }, { id: "3", question: "question3", answer1: { text: "answ1", nextQuestion: "", }, answer2: { text: "answ2", nextQuestion: "", }, }, ];¿Cómo puede pasar por todas las ramas posibles del cuestionario y formar tal objeto con datos?
{ branches: { questionsList: [ [ { "question1": "answ1" }, { "question2": "answ1" }, ], [ { "question1": "answ1" }, { "question2": "answ2" }, ], [ { "question1": "answ2" }, { "question3": "answ1" }, ], [ { "question1": "answ2" }, { "question3": "answ2" }, ], ], }, },Esta puede ser una implementación para lograr el objetivo deseado.
Fragmento de código
const getAllBranches = arr => { // first create a map/object to quickly access each question by id const qMap = arr.reduce((f, i) => ({ ...f, [i.id]: {...i, ch: [ // keep track of 'children' using this 'ch' array ...Object.keys(i) .filter(k => k.includes('answer')) // any key with 'answer' is included .map(k => ({...i[k]})) ]} }), {}); // recursive function to get the desired objective const recurGet = ({id, question, ch}) => ( ch.map(({text, nextQuestion}) => ( nextQuestion.length === 0 // if no 'nextQuestion', simply return an object ? { [question] : text } : recurGet(qMap[nextQuestion]).map(ob => ({ [question]: text, ...ob // if else, recursive-call and append question-answer to each result })) )) ); return recurGet(qMap[arr[0].id]); }; const quiz = [{ id: "1", question: "question1", answer1: { text: "answ1", nextQuestion: "2", }, answer2: { text: "answ2", nextQuestion: "3", }, }, { id: "2", question: "question2", answer1: { text: "answ1", nextQuestion: "", }, answer2: { text: "answ2", nextQuestion: "", }, }, { id: "3", question: "question3", answer1: { text: "answ1", nextQuestion: "", }, answer2: { text: "answ2", nextQuestion: "", }, }, ]; // add the branches into a new object to meet // the desired objective's structure const resObj = { branches: { questionsList: getAllBranches(quiz) } }; console.log(resObj);Explicación
Se han incluido comentarios relevantes en el código anterior.
Publique cualquier pregunta en los comentarios para obtener una explicación más detallada, si es necesario.
NOTA : Proporcione más casos de prueba (como con más de 2 respuestas, etc.) para probar la solución de manera efectiva.