Railsのjbuilderでarrayを使いこなしたい！

Question

arrayを使ってproductとそれに関連するcategorieを取得するAPIを作りたいのですが自分が欲しい形で取得できません。
どなたか力を貸してください。

今書いているコード

product_controller.rb

module Api
	class ProductsController < ApplicationController
		def index
			@product = Product.find(params[:id])
			@products = Product.where(brand_id: params[:id])
			@brand = Brand.find(params[:id])
		end
	end
end

index.json.jbuilder

json.product do
	json.array! @products, :id, :name, :price
	
	json.categories do
		json.array! @product.categories.map{|categories| categories[:name]}
	end

end

エラー画面

ここで

json.product do
	json.array! @products, :id, :name, :price
end

json.categories do
	json.array! @product.categories.map{|categories| categories[:name]}
end

のように分けて書くとエラーはとれましたが

{
 "product":[
　　{
　　　"id":1,
　　　"name":"CHUCK TAYLOR",
　　　"price":14000
　　},
　　{
　　　"id":2,
　　　"name":"Jack Purcell",
　　　"price":10000
　　}],
 "categories":["スニーカー","新作","スポーツ"]
}

のようになりました。
しかし、欲しい値はproductの中にcategorieが入っている状態なので

{
  "products": [
    {
      "id": 1,
      "name": CHUCK TAYLOR,
      "price": 14000,
      "categories"["スニーカー","新作","スポーツ"]
    },
    {
      "id": 2,
      "name": Jack Purcell,
      "price": 10000,
      "categories"["スニーカー", "新作","スポーツ"]
    }
  ]
}

という形になります。
わかる方いましたら回答よろしくお願いします。

Answer 1

json.products @products do |product|
  json.id product.id
  json.name product.name
  json.price product.price
  json.categories product.categories.pluck(:name)
end

このような形でいかがでしょうか

Answer 2

json.product do
	json.array!(@products) do |product|
		json.id product.id
		json.name product.name
		json.price product.price
		json.categories do
			json.array!(product.categories.map{|categories| categories[:name]})
		end
	end
end

これで解決しました！