Vueのalertとconsole.logでObjectの中身を見る方法

auです。

Vueを使って開発しています。

値の確認のために、alertやconsole.logを多用します。その際に、配列や連想配列をそのまま表示しようとすると、「object Object」と出てしまいます。

alert(this.hoge)

値の中身見れるとすごく楽なんだけどなーと調べてみると、速攻で解決しました。

console.log(JSON.stringify(this.hoge))

まとめ

以下の方法で確認できるようです！

JSON.stringify(変数名)

参考

hacknote.jp