在某些条件下如何使用forEach循环打印2个数组？

Question

我有2个数组：课程名称[圣经，数学，英语]课程分数[100，60，80]我正在尝试在DOM中使用每个数组中的1个在单行中打印它们，并根据它们的颜色条件选择颜色条件。javascriptfunction paintGrades (gradeArr, coursArr) {  gradeArr.forEach(function (element) {      var gradeColor = 'bad';      if (element.gradeArr >= 80) {        gradeColor = 'good';      } else if (element.gradeArr >= 60) {        gradeColor = 'ok';      } else if (element.gradeArr === 0) {        gradeColor = 'normal';      }      document.getElementById('grade').innerHTML +=      "<div class='" + gradeColor + "'>" + element.coursArr + ": " + element.gradeArr + "</div>" + "<hr>";})}我的预期结果应该是：bible: 100 (colored as good)math: 60 (colored as ok)english: 40 (colored as bad)

Answer 1

假设数组具有相同的长度（如果不是，则使用错误检查句柄），可以使用一个for循环遍历两个数组。

function paintGrades (gradeArr, coursArr) {

  // check that gradeArr.length === courseArr.length

  for(let i=0; i<gradeArr.length; i++){

    let grade = gradeArr[i];

    let course = coursArr[i];

    // do stuff

  }