配列の要素をHTML内で取得する

Question

###作業について
YoutubeAPIを使って、動画の検索→結果の表示ができるようにしたいです。

Controllerの方で、

results.items.each do |item|
  id = item.id
  snippet = item.snippet
  video_id = id.video_id
  video_title = snippet.title
  channel_title = snippet.channel_title 
  thumbnail_url= snippet.thumbnails.medium.url
        
  videos << [video_id, video_title, channel_title, thumbnail_url]
end

上記のように、検索結果から取得したい情報だけをもつ配列 videos を用意し、

Viewでその内容を表示します。

###エラー

Viewの方で

<% videos.each do |video| %>
  <p><%= video %></p>
<% end %>

上記のように、配列を表示させると、検索結果が文字列として表示されるのですが、

その要素のみ表示させたくて、

<% videos.each do |video| %>
  <p><%= video.video_id %></p>
<% end %>

とすると

undefined method `video_id' for #<Array:0x00007f44b924cf20>

というエラーが表示されてしまいます。

###自分で調べた結果
配列の要素を取得する手段として、「何番目の要素かを指定すれば取得できる」ということがわかりました。

そこで、

<% videos.each do |video| %>
  <p><%= video.first %></p>
<% end %>

と変更すると、無事に video_id だけ表示させることができました。

しかし、この方法ですと、コードを読んだときに何の情報を取得しているかが分かりにくくなってしまいます。

###質問
・Controllerで用意した配列から、HTMLで要素だけ取得する
・何の情報を取得しているかを分かりやすくする

上記の２点を実現する改善方法について、ご存知の方がいらっしゃいましたら、
お教えいただけると幸いです。

拙い説明であり恐縮ですが、よろしくお願いいたします。

Answer 1

こんにちは、haru16-no14さん

質問拝見しました。

以下のvideosに値を格納される際に配列ではなく、ハッシュで格納してはどうでしょうか。

results.items.each do |item|
  # ...（省略）

  # videos << [video_id, video_title, channel_title, thumbnail_url]
  videos << {
    video_id: video_id,
    video_title: video_title,
    channel_title: channel_title,
    thumbnail_url: thumbnail_url
  }
end

すると、HTML（erb）側で、以下のように取得できます

<% videos.each do |video| %>
  <p><%= video[:video_id] %></p>
<% end %>

以上、参考になれば幸いです。

Comments

[haru16-no14]

gentamuraさん
迅速かつ分かりやすいご説明ありがとうございます。
お教えいただいた通りのコードで、無事解決することができました。
ありがとうございました。