axiosで取得したJSONの１つ目のデータへのアクセス方法

Question

タイトルがわかりにくくて、すみません。

axiosによるAJAXで取得した以下のようなJSONがあって
dataの中にアイテムがいくつあったとしても
１つ目のアイテムの"owner"の"name"にアクセスしたいです。

インデントが見辛くてすみませんが、以下がそのJSONです。
{
"current_page":1,
"data":[
{"id":"sdndnfnv","url":"https://hogefuga.com/sdndnfnv.png",
"owner":{"id":1,"name":"aaa"}},
{"id":"Ifjgdjsf","url":"https://hogefuga.com/Ifjgdjsf.png",
"owner":{"id":1,"name":"aaa"}}
]}

サーバ側で特定ユーザのアイテムを取得しているJSONのため
ownerのidとnameは全て同一となりますので
「決め打ちで１個目のアイテムのownerのnameにアクセスしたい」
のですが、そのようなことはできるのでしょうか。
（返ってくるデータのアイテムごとのIDはランダム文字列です。）

１個目のowner.nameにアクセスできるのであれば
vueのコンポーネントにownerNameというプロパティがあるので
そこに代入したいです。

もちろん、サーバ側でownerのnameを返す処理を別途追加しても良いのですが
せっかく返ってくるJSONにownerのnameが含まれているので
そこから取れれば良いなと思いました。

よろしくお願いいたします。

Answer 1

そのJSONデータ(をパースした結果)が変数jsonに入っているとすると、「１個目のアイテムのownerのname」はjson.data[0].owner.nameでアクセスできます。

Comments

[morguri]

JSONでも、アクセスしたい部分は配列だから確かに、[0]でアクセスできますね。ちょっと複雑に考えちゃいました。
無事データも取得できました。
ありがとうございました。

[karamarimo]

送られてくる形式がJSONなだけで、axiosが自動的にjavascriptのオブジェクトに変換してくれます。JSONはデータを文字列でどう表現するかの形式であって、データ型ではありません(一応)。