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

Question

我有2个数组：

1. 课程名称[圣经，数学，英语]

2. 课程分数[100，60，80]

我正在尝试在DOM中使用每个数组中的1个在单行中打印它们，并根据它们的颜色条件选择颜色条件。

javascript

function 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) {&nbsp; // check that gradeArr.length === courseArr.length&nbsp; for(let i=0; i<gradeArr.length; i++){&nbsp; &nbsp; let grade = gradeArr[i];&nbsp; &nbsp; let course = coursArr[i];&nbsp; &nbsp; // do stuff&nbsp; }