for文内で繰り返しが終わった後にif文を使う方法

Question

前提・実現したいこと

JavaScriptにて成績処理の課題をやっています。
（学生の成績（点数）を入力し、その平均点、最高点を表示するという課題）

内容としては

まず最初に人数を入力しそして、その回数だけ名前と点数を入力。

例：※入力画面は prompt で行う。
入力画面：「人数を入力してください」　入力：３
入力画面：「名前を入力してください」　入力：山田
入力画面：「点数を入力してください」　入力：60
入力画面：「名前を入力してください」　入力：田中
入力画面：「点数を入力してください」　入力：70
入力画面：「名前を入力してください」　入力：鈴木
入力画面：「点数を入力してください」　入力：80

そして以下のようなメニュー入力画面を出します。

1:修正 2:平均点 3:最高点 0:終了

１を入力すると「名前を入力してください」と出す。
例えば「田中」と入力すると「何点ですか？」と出るので点数を入力します。
これで田中さんの点数が変更される。

２を入力すると平均点を出す。

３を入力すると「最高点は鈴木さん、80点」と出す。

０を入力すると終了。

※終了されない場合にはまたメニューの入力画面を出す。

発生している問題・エラーメッセージ

for文内でメニュー出力画面を出したいのですが生徒の名前と点数を入力した後にメニュー出力画面が出ず
処理が終了してしまいます。

またメニュー出力画面をif文を使わなければ出すことはできるのですが
そうすると生徒の名前と点数を入力する度にメニュー出力画面が出てしまいます。
実現したいことは生徒の人数を５人と入力した際に５人分の名前と点数を入力した後に
メニュー出力画面を出したいです。

該当のソースコード

var students = parseInt(prompt('生徒の人数を入力してください'));
var studentsArray = [];
studentsArray.push(students); //人数管理

var nameArray = []; //名前を管理する配列
var scoreArray = []; //点数を管理する配列

var totalScore = 0; //　平均点を出すための変数
var maxScore = 0; //　最高得点
var maxScorePerson = ""; //　最高得点の生徒

for (let i = 0; i < studentsArray; i++) {

  var studentName = prompt('生徒の名前を入力してください');
  var studentScore = parseInt(prompt('生徒の点数を入力してください'));

  nameArray.push(studentName); // [a,b,c,d,e]
  scoreArray.push(studentScore); // [10,20,30,40,50]

  totalScore = totalScore + scoreArray[i]; //点数の合計

  if (studentScore > maxScore) {
    maxScore = studentScore; // 最高得点
    maxScorePerson = studentName; //最高得点の生徒
  }
  if (students === studentsArray) {
    var menu = parseInt(prompt('1:修正 2:平均点 3:最高点 0:終了')) //メニュー;
    if (menu === 1) {
      var changeName = prompt('変更したい生徒の名前を入力してください');
      nameArray[i] = changeName;
      var changeScore = parseInt(prompt('変更後の点数を入力してください'));
      scoreArray[i] = changeScore;
    } else if (menu === 2) {
      alert("平均点は" + totalScore / students + "です");
    } else if (menu === 3) {
      alert("最高得点は" + maxScore + "点で" + maxScorePerson + "さんです");
    } else if (menu === 0) {
      alert('終了します');
    } else {
      var menu = parseInt(prompt('1:修正 2:平均点 3:最高点 0:終了'))
    }
  }
}

試したこと

for文の中でmenu画面を出すにはif文を使って条件式を(入力された生徒の数 === 配列に入っている要素の数)とすればfor文の繰り返しは終わるはずなのでその時にメニュー出力画面を出すというコードを書いてみたのですがうまく作動しませんでした。
よろしくお願いします。

Answer 1

var students = parseInt(prompt('生徒の人数を入力してください'));
var studentsArray = [];
studentsArray.push(students); //人数管理

この時点で students と studentsArray があなたが期待している姿になっていないと思います。 console.log() などを活用して、それぞれの変数に何が入っているかを確認してください。

そうしたら、なぜ if (students === studentsArray) { ... } の中身が実行されないか (students === studentsArray が true にならないか) が理解できると思います。

Comments

[roto_note]

生徒の人数を5人としてconsoleで出力してみたところ、
students // 5;
studentsArray // [5];
となっていてデータ型？が異なっていたため期待する動きをしなかったということに気付きました。
if文の中身を(students == studentsArray.length + i );
としたところ期待する動きとなりました。
ご回答ありがとうございました！