vue.js computedにてオブジェクトデータを配列にしたい

Question

前提・実現したいこと

vue.js computedにてオブジェクトデータを配列にしたい。

###やろうとしていること

• jsonデータをaxiosで取得して、dataのallsに格納（成功）
• computedを使って、取得したallsのうち、日程表のデータをdatesに格納する。（成功）
• datesにはオブジェクトデータが格納されております。

例
{
2019/03/08:{...}
2019/03/09:{...}
2019/03/10:{...}
2019/03/11:{...}
}

このオブジェクトのキーを「値」として配列に直したい。←←←←←ここにはまっております。

//datesに格納されているオブジェクト
{
 2019/03/08:{...}
 2019/03/09:{...}
 2019/03/10:{...}
 2019/03/11:{...}
}


//配列に変換したい
↓↓↓↓↓↓↓↓↓↓↓↓

[2019/03/08,2019/03/09,2019/03/10,2019/03/11]

###実際のソース

    var vm = new Vue({
      el: '#test1',
      data: function () {
        return {
          //全てのjsonデータを格納
          alls: [],
        }
      },
      methods: {
        //json情報の取得（非同期処理）
        getPosts: function () {
          var _this = this;

          axios.get('https://example/api/event?shop_id=108')
            .then(function (response) {
              _this.alls = response.data.contents[0];
            })
            .catch(function (error) {
              window.alert(error);
            });
        },
      },
      computed: {
        //allsの中から日程表だけ
        dates: function () {
          return this.alls.date;
        },
        //配列にしたい
        monthfirsts: function () {
          this.dates;
          Object.keys(this.dates).map(function (key) {
            return this.dates[key];
          });
        },
      },

    })

試したこと

参考記事をもとにオブジェクトを配列変換するObject.keys(elements).mapを使用したのですが、なぜかmapされず、「error during evaluation」とdevtoolでは反応をしてしまいます。

####試したことその②
Vue.jsは気難しい（オブジェクト編）をみましたら、
this.$setをすればよいのかと思いましたが、うまく動かず。ドツボにはまっております。

vueでのobjectの取り扱いに苦労しております。
vue.jsに詳しい方がいらっしゃいましたら、ご教示をお願い致します。
よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

vue.js 2.5.3

Answer 1

日付の情報がそもそも datesオブジェクト の key になってるので、Object.keys だけで十分かと思います。
this.dates が存在するかどうかもちゃんとチェックした方が良いでしょう。

  //配列にしたい
  monthfirsts: function () {
    if (!this.dates) { 
       return [];
    }
    return Object.keys(this.dates);
  },

Comments

[holic]

tell_k様
ご回答ありがとうございます。
上記で解決しました。
ベストアンサーとさせてください。

基本的なことをご質問させてください。
if (!this.dates) {
return [];
}
もしjson取得に失敗した場合は↑の記述が活きてくると思います、
この場合はreturn []で終了をして、
下の return Object.keys(this.dates);は実行されないという認識でよいのでしょうか。
return はそのfunction実行を途中で抜けるという意味ととらえてよいのでしょうか。
※本題とは外れた内容になってしまって失礼足します。

[tell_k]

はい。こちらの認識であってます。 > この場合はreturn []で終了をして、下の return Object.keys(this.dates);は実行されない

[holic]

追記の質問についてもご回答ありがとうございます。
より理解が深まりました。