data.fields とは何を表すオブジェクトが何を表すのか教えていただきたいです

Question

現在以下のサイトを参考に S3 へのアップロードを試みているのですが、data.fields とは何を表すオブジェクトが何を表すのか教えていただきたいです。コンソールで出力しても undefined と表示されてしまいます。

https://qiita.com/tatsuroooK/items/48e3475625105ace3d6c#client%E5%81%B4vuejs

for (let key in data.fields) {
   formdata.append(key, data.fields[key]);
}

該当箇所はこちらになります。
よろしくお願い致します。

Comments

[coco_bauer]

プログラムをちゃんと読めば、dataに代入している箇所ぐらい見つかるでしょ？

[Take.Y]

ご回答ありがとうございます。

data に代入してる箇所はわかるのですが、.field の部分がなにを示しているのかわからずに困っております。

質問の仕方が悪く申し訳ありません。

[退会済みユーザー]

質問の仕方は悪くないですが、ググればヒントは得られると思います。
情報収集能力（今やGoogle検索スキル？）はSE/PGにとって必須です。
厳しいことを言いますが、teratailで質問する前に、もう少し頑張ってググっていただきたいと思います。

[Take.Y]

ご回答ありがとうございます。
確かに自分の検索の仕方が甘かったかもしれません、、
検索の仕方をもう少し工夫して調べてみます。
それでもヒントわからない箇所があればお力添えいただければと思います。ありがとうございました。

[退会済みユーザー]

全力で頑張ってもわからないときこそ、teratailで質問！です。
頑張ってる人を応援したくなるのが人の心理です。
同じエンジニアであれば、尚更です。
実は私、事務員の妻の方が検索スキルが高く、何度も敗北しています。
いかにGoogleを活用するか？を主眼に頑張ってみてください。
応援してますよ！

[m.ts10806]

やるべきはググることよりデバッグの仕方では。

[Take.Y]

m-ogura 様

そういって頂けると本当に励みになります、、
ありがとうございます。
頑張ります！

m.ts10806 様

ご回答ありがとうございます。
デバッグの仕方についても不明な点があるので一度調べてみます。
ありがとうございます！

Answer 1

質問に記載されている記事を読みました。
dataはaxios.get()の戻り値です。
[axios] axios の導入と簡単な使い方
以降は推測ですが、forでループしている点とkeyで値を取得していることから、data.fieldsはJavaScriptのMapだと思われます。
MDN Web Docs : Map
data.fieldsがundefinedということは、axios.get()の戻り値もundefinedだと思われます。
まずはaxios.get()に渡しているURLが、想定した値になっているか否かを確認してみてください。

Comments

[Take.Y]

ご回答までご丁寧にありがとうございます…！

>data.fieldsはJavaScriptのMapだと思われます

あれから調べてみたところ、 https://gimo.jp/glossary/details/field.html こちらの記事を見つけたので、「axios.get()の戻り値であるURLからデータを取得している」くらいのザックリした解釈をしたのですが、間違ってるでしょうか？

>axios.get()に渡しているURLが、想定した値になっているか否か

console.log(url) で出力したときに const url に代入した通りのURLが表示されたので、そこは問題ないと思います。

[退会済みユーザー]

data.fieldsは、オブジェクト指向の「フィールド」とは全くの別物です。
dataはなにかしらのクラスのインスタンスで、fieldsはそのインスタンスのプロパティです。
axios.get()が渡されたURLから何を取得するのかを理解しないと進めませんので、まずはaxiosに対する理解を深めてください。

[Take.Y]

そうなのですね。
失礼致しました。

送っていただいた記事も含め、axiosについてもう少し調べてみます。
ありがとうございます。