SwiftUIでWebAPIから結果を表示したい

Question

HotPepperAPIから取得した飲食店情報をリスト表示するために、下記コードを書きました。

import SwiftUI
import Foundation
import Combine

class RestaurantStore: ObservableObject {

    @Published var restaurants: [Restaurant] = []
    
    init() {
        load()
    //④
    }

    func load() {
        let url = URL(string: "http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key=[APIキー]&large_area=Z011&format=json")
        URLSession.shared.dataTask(with: url!) { data, response, error in
            DispatchQueue.main.async {
                self.restaurants = [try! JSONDecoder().decode(Restaurant.self, from: data!)] 
　　　　　　　//③
            }
        }.resume()
        // ②
    }
}

struct Restaurant: Decodable{
    var results: Results
    
    struct Results: Decodable {
        var shop: [Shop]
    
        struct Shop: Decodable, Identifiable {
            var id: String
            var name: String
        }
        
    }
}

struct SearchView: View {
    
    @ObservedObject var store = RestaurantStore()
    
    var body: some View {
        List(store.restaurants[0].results.shop) {(res) in //①
            RestaurantRow(res: res)
        }
    }
}

struct RestaurantRow: View {
    var res: Restaurant.Results.Shop
    var body: some View {
        Text(res.name)
    }
}

{
results: {
　api_version: "1.26",
　results_returned: "10",
　results_start: 1,
　shop: [
　　{
　　　name_kana: "しんじゅく　ぜんせきこしつ　いざかや　とりきち　しんじゅくてん",
　　　other_memo: "様々なご要望承ります◇チーズフォンデュと個室の肉バル横丁　新宿店◇",
　　　name: "鶏吉 新宿店",
　　　genre: {
　　　　name: "居酒屋",
　　　　catch: "歓迎会 送別会 新宿 肉バル 個室 女子会",
　　　　code: "G001"
　　　},
　　　open: "月～木、日: 17:00～翌0:00 （料理L.O. 23:00 ドリンクL.O. 23:30）金、祝前日: 17:00～翌3:30 （料理L.O. 翌2:30 ドリンクL.O. 翌3:00）土: 16:00～翌3:30 （料理L.O. 翌2:30 ドリンクL.O. 翌3:00）祝日: 16:00～翌0:00 （料理L.O. 23:00 ドリンクL.O. 23:30）",
　　　close: "無休 休日や週末でも使えるお得なクーポン有♪◇新宿 全席個室 居酒屋 鶏吉 新宿店◇【新宿 居酒屋 宴会 個室】【肉バル　個室】",
　　　service_area: {
　　　　name: "東京",
　　　　code: "SA11"
　　　},
　　　station_name: "新宿",
　　},
　　{(別の飲食店情報)},
　　{(別の飲食店情報)},
　　{(別の飲食店情報)},
　],　
}
}

（上記jsonデータは内容を一部省略したものです。）

エラー

①で、Fatal error: Index out of rangeが発生します。

やったこと

そもそもデータが取得できていないのではと思い、
②、③、④の位置でprint(self.restaurants)を書いてみたところ、

③ではデコードされたデータを出力でき、print(self.restaurants[0].results.shop[0].name)で店名までアクセスできました。
しかし、②、④では[]とのみ出力され、データは出力されませんでした。

なぜ、②、④ではデータが出力されず、また、上記エラーが発生しているのかがわかりませんでした。
解決方法をお教えいただけますと幸いです。

補足情報

• Xcode Version 11.2
• Apple Swift version 5.1
• macOS catalina version 10.15.1

Answer 1

②と④は通信が終わっていないので空配列のままですね。

下記コードで動くと思います。
おそらく必要な情報は Shop だけだと思うのでモデルを出しました。

class RestaurantStore: ObservableObject {

    // Shop の配列の変更をViewに通知
    @Published var restaurants: [Shop] = []

    init() {
        load()
    }

    func load() {
        let url = URL(string: "https://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key=[APIキー]&large_area=Z011&format=json")
        URLSession.shared.dataTask(with: url!) { data, response, error in
            guard let data = data else { return }
            let decoder: JSONDecoder = JSONDecoder()
            do {
                // Restaurant型で一旦データを受ける
                let searchedResult = try decoder.decode(Restaurant.self, from: data)
                DispatchQueue.main.async {
                    // 結果の[Shop]をプロパティに代入 
                    self.restaurants = searchedResult.results.shop
                }
            } catch {
                print("json convert failed in JSONDecoder. " + error.localizedDescription)
            }
        }.resume()
    }
}

struct Restaurant: Decodable{
    var results: Results

    struct Results: Decodable {
        var shop: [Shop]
    }
}

// ここを分けました; RestaurantRowのプロパティも短くできます
struct Shop: Decodable, Identifiable {
    var id: String
    var name: String
}

struct SearchView: View {

    @ObservedObject var store = RestaurantStore()

    var body: some View {
        List(store.restaurants) {(res) in
            RestaurantRow(res: res)
        }
    }
}

struct: View {
    var res: Shop
    var body: some View {
        Text(res.name)
    }
}

Comments

[yosuke302]

ありがとうございます！上記コードで動きました！
DispatchQueue内でデータの取得&プロパティへの代入を一気にやっていたせいだったのですね。。。
このエラーでだいぶ悩ませれていたので、大変助かりました！
ベストアンサーにさせていただきます！

[TakuyaAso]

良かったです！