Progate JavaScript (ES5) 道場コース I「学習コース Ⅲ」の復習9. 最高点を求めよう 繰り返しについて

Question

配列から最高点を求める課題についてです。

上段は、平均点を求める構文で今回は関係ありません。

以下のように、後段の for構文内に console.log("最高点は" + highest + "点です"); を記述すると、
なぜ結果が画像のようになるのでしょうか？

var scores = [88, 62, 65, 21, 47, 92, 57, 89, 79, 89, 54, 82, 69, 72, 74, 54, 66, 92, 64, 96, 47, 89, 95, 93, 70, 30, 84, 93, 81, 98, 78, 96, 32, 56, 64, 42, 67];

// この下にコードを書いてください
var sum = 0;
for (var i = 0; i < scores.length; i++) {
  sum = sum + scores[i];
}
var ave = sum/scores.length;
console.log("平均点は" + ave + "点です");

var highest = 0;
for (var i = 0; i < scores.length; i++) {
  if(scores[i] > highest) {
    highest = scores[i];
  }
  console.log("最高点は" + highest + "点です");
}
 

88点が5列、92点が14列、96点が4列、表示されます。

if(scores[i] > highest) {
   highest = scores[i];
}

上のような条件を設定しているのに、最高点から二つ下の点数(82点と92点)が表示されるのが不思議です。
また、なぜ、88点が5列、92点が14列、96点が4列なのかも謎です。

回答、よろしくお願いいたします。

Answer 1

上のような条件を設定しているのに、最高点から二つ下の点数(82点と92点)が表示されるのが不思議です。

scoresをiまで調べた時点での最高点が表示されています。

Comments

[wankoromochi]

うーん、わからないです。

[maisumakun]

わからないのは、「scoresをiまで調べた時点での最高点」という日本語の方でしょうか、それとも「それが表示される理由」のほうでしょうか？