Разрабатываю приложение типа викторины с вопросами. Не могу решить задачу или решаю ее очень криво. Есть два массива:
Ответы пользователя:
0:{questionId: "1", answerId: "1"}
1:{questionId: "2", answerId: "4"}
2:{questionId: "2", answerId: "6"}
3:{questionId: "3", answerId: "8"}
И правильные ответы:
0:{questionId: "1", answerId: "3"}
1:{questionId: "2", answerId: "4"}
2:{questionId: "2", answerId: "6"}
3:{questionId: "3", answerId: "7"}
Мне нужно сравнить два массива и получить нечто подобное:
0:{questionId: "1", result: false} \\ пользователь дал не правильный ответ
1:{questionId: "2", result: true} \\ пользователь дал правильный ответ по
второму вопросу, в нем два варианта
ответа оба совпали. Иначе false если
один из ответов не верен
2:{questionId: "3", result: false} \\ пользователь дал не правильный ответ
Не получается у меня никак этот сделать. Как решить эту задачу?
Моё решение:
@section scripts {
<script>
$(document).ready(function () {
let userAnswers = [];
let answers = [];
$('#checkResultBtn').click(function () {
$('input:checked', '.card-body').each(function () {
userAnswers.push({
questionId: $(this).attr('name'),
answerId: $(this).val()
});
});
console.log(userAnswers);
console.log(answers);
diff(userAnswers, answers);
});
function diff(userAnswers, answers) {
userAnswers.forEach(function (userAns) {
answers.forEach(function (ans) {
if (userAns['questionId'] == ans['questionId']) {
if (userAns['answerId'] == ans['answerId'])
console.log(true)
else
console.log(false)
}
});
});
}
@foreach(var answers in Model){
var answersList = answers.Answers.Where(x => x.Answer == 1);
foreach(var answer in @answersList)
{
<text>
answers.push({
questionId: '@answer.QuestionId',
answerId: '@answer.Id'
});
</text>
}
}
});
</script>
}
P. S.
Стоит учесть, что массив со стороны пользователя может по длине не совпадать с массивом правильных ответов.
Пользователь может не ответить на вопрос вообще.