javascriptにおける、jsonを用いた新たなjsonの作成の問題

前提・実現したいこと

javascriptにおいて、外部から取得したjsonを用いて新しいjsonを作成したいと考えていますが、上手くいきません。

以下が取得したデータです。

{
    "2018-01-01": "元日",
    "2018-01-08": "成人の日",
    "2018-02-11": "建国記念の日",
    ...
}

これを用いて、以下のような配列の作成をしたいと考えています。

[
 {
  "title": "元日",
  "start": "2018-01-01"
 },
 {
  "title": "成人の日",
  "start": "2018-01-08"
 },
...
]

該当のソースコード

以下が問題のコードになります。

    var tmpData = [
      {
        title: 'dummy',
        start: '2018-01-01'
      }
    ]

    //データを取得
    var request = new XMLHttpRequest();
    request.open('GET', URL, true);
    request.responseType = 'json';
    request.send();

    request.onload = function(){
      var json = request.response;
      for(var item in json){
        var addData = {
          title: json[item],
          start: item,
          className: 'holiday'
        }
        tmpData.push(addData);
      }
    }
    console.dir(tmpData);  //これは表示される
    console.log(tmpData[1].title); //エラーが起こる
    var holidayData = JSON.stringify(tmpData, undefined, 1);

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

tmpDataをコンソールで表示すると、きちんと入っていることが確認できたのですが、
下から２行目のconsole.log(tempData[1].title);において、以下のエラーが発生してしまいます。

(index):51 Uncaught TypeError: Cannot read property 'title' of undefined

また、JSON.stringify(tmpData, undefined, 1);を行っても、一番上で設定しておいた
title: 'dummy'のデータのみがjsonにエンコードされます。

コンソールの出力においても、tmpData[0].titleは表示されますが、それ以降は上のようなエラーが起きてしまいます。

どのようにすればこの問題を解決できるのか、教えていただけませんでしょうか。
よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

とりあえずこれで試してみてください。request.onloadに登録したコールバック関数が実行されるまでtmpDataの中身は変わりません。

js
1    request.onload = function(){
2      var json = request.response;
3      for(var item in json){
4        var addData = {
5          title: json[item],
6          start: item,
7          className: 'holiday'
8        }
9        tmpData.push(addData);
10      }
11      console.dir(tmpData);
12      console.log(tmpData[1].title);
13      var holidayData = JSON.stringify(tmpData, undefined, 1);
14    }
15 // console.dir(tmpData);  //これは表示される
16 // console.log(tmpData[1].title); //エラーが起こる
17 // var holidayData = JSON.stringify(tmpData, undefined, 1);