如何循环遍历多个数组？

Question

I have 2 arrays, one filled with questions, the other with answers pertaining to an FAQ page for my current project.

I apologize if this seems like a simple problem, but I'm unsure as to how I'd be able to loop through these arrays, generate the HTML to contain them, and then dynamically insert the questions AND the answers.

The questions on their own are pretty simple, as per the below code

@{
   var Questions = ViewData["Questions"];
   var Answers = ViewData["Answers"];
 }
 @foreach (var question in (string[])ViewData["Questions"])
 {
    var html = string.Format(@"
       <div class='panel-group' id='accordion{1}'>
         <div class='panel panel-default'>
           <div class='panel-heading'>
              <h4 class='panel-title'>
                 <a class='accordion-toggle collapsed' data-toggle='collapse' data-parent='#accordion{1}' href='#collapse{1}'>{0}</a>
              </h4>
          </div>
          <div id='collapse{1}' class='panel-collapse collapse '>
             <div class='panel-body'>answer</div>
          </div>
      </div>", question, IDGenerator);
      @Html.Raw(html);
     IDGenerator.Append("1");

   }

I have attempted a nested foreach statement to do this, but this generates 6 values and I'm unsure how to insert the values from Viewdata["Answers"] into the string, alongside the existing Question without duplication.

Could I perhaps have some insight into this? any and all help is greatly appreciated.

Answer 1

The perfect scenario would be create an ViewModel with all information you need (question/anwsers) and return a list of viewModels as model to your view. Anyway, give you have the same size for both arrays, you could use an for statement and access each element by index . For sample:

@{
   var questions = (string[]) ViewData["Questions"];
   var answers = (string[]) ViewData["Answers"];
}

@if (questions.Length == answers.Length)
{
   for (int i = 0; i < questions.Lenght; i++)
   {
       // here you can access questions[i] and anwsers[i]
   }
}