jQueryを使ってJSONデータを取得、配列にして値を出力する方法【Ajaxで解決！】

[
    {
        "name": "佐藤",
        "school_year": 1,
        "test": {
            "japanese": 30,
            "english": 60
        }
    },
    {
        "name": "鈴木",
        "school_year": 2,
        "test": {
            "japanese": 40,
            "english": 70
        }
    },
    {
        "name": "田中",
        "school_year": 3,
        "test": {
            "japanese": 50,
            "english": 80
        }
    }
]

      $(function () {
        var data = []; // data配列を定義
        $.ajax({
          // ajax読み込みの設定
          type: "GET",
          url: "http://json.localhost/data.json", // jsonまでのファイルパス
          dataType: "json", // ファイル形式
          async: false, // 非同期通信フラグ
        }).then(
          function (json) {
            for (var i = 0; i < json.length; i++) {
              // json値をdata配列に追加
              data.push({
                name: json[i].name,
                school_year: json[i].school_year,
                test: json[i].test,
              });
            }
            console.log(data);
            for (var i = 0; i < data.length; i++) {
              // data配列の値を出力
              console.log("私の名前は" + data[i]["name"] + "です。");
              console.log("学年は" + data[i]["school_year"] + "年です。");
              console.log(
                "国語の点数は" + data[i]["test"]["japanese"] + "点です。"
              );
              console.log(
                "英語の点数は" + data[i]["test"]["english"] + "点です。"
              );
            }
            // jsonの読み込みに成功
            console.log("読み込みに成功しました");
          },
          function () {
            // jsonの読み込みに失敗
            console.log("読み込みに失敗しました");
          }
        );
      });