【Swift】自作APIからJSONを受け取ってUITableViewControllerに表示する方法

Question

自作APIから受け取ったJSONデータをUITableViewControllerに表示させたいです。
前提として、受け取るJSONデータは下記のもので、今後もデータが増えていくと仮定します。
この中からimgURLとnameを抽出してTableViewにサムネ画像の横に名前といった感じで表示させたいです。
Consoleに特定の値を表示させるところまでは成功したんですがtableViewのセルにJSONデータの量に応じて自動で値を入れて反映するまでの過程がわからないのでご教授いただければ幸いです。
補足：UITableViewControllerはデフォルトのままです。

[
 {
   imgURL : "（サムネ画像URL①）",
   name : "User1",
   comment : "私はUser1です。"
 },
 {
   imgURL : "（サムネ画像URL②）",
   name : "User2",
   comment : "僕はUser2です。"
 },
 {
   imgURL : "（サムネ画像URL③）",
   name : "user3",
   comment : "俺はUser3だ。"
 }
]

import Foundation
import UIKit

struct List: Codable {
    
    let imgURL : String
    let name: String
    let comment : String
}

class UserListViewController: UITableViewController {
    
    override func viewDidLoad(){
        super.viewDidLoad()
        getUserList()
    }
    
    func getUserList(){
        let list_url = URL (string : "（JSONのURL）")!
        let list = URLRequest(url: list_url)
        let task = URLSession.shared.dataTask(with: list) { (data, response, error) in
            guard let data = data else{return}
            do{
                let list = try JSONDecoder().decode([List].self , from: data)
                print(list[0].name) //特定の値を取り出すテスト
            } catch let e {
                print(e)
            }
        }
        task.resume()
    }
    
    
    
}

Comments

[fuzzball]

質問にJSONは関係ないように見えますが‥。
TableViewの質問ですよね？

[Soul3725]

JSONデータをtableViewに反映させる質問のつもりで投稿したので関係なくはないのかなと思いましたが・・・

[fuzzball]

JSONの取得＆デコードが出来ている（と自身も思っている）時点でJSONは関係ないです。
それはただの「構造体の配列」データで、その配列データをTableViewに表示出来ないというのは、純粋にTableViewの質問ということです。

問題の切り分け（細分化）というのは基本的なことであり有用でもあります。
切り分けの出来ていない質問は、私個人は「丸投げ」と判断することが多いです。

Answer 1

UserListViewControllerクラスのメンバー変数に

var list: [List] = []

とでもして受け皿を作ってください。

let list = try JSONDecoder().decode([List].self , from: data)

でデコードが済んだら

self.list = list

でメンバに格納しつつ

tableView.reloadData()

のようなテーブルのリロード処理を入れてください。

あとは

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    return list.count
}

というように、変数の配列要素をもとに、UITableViewDelegateと対話してもらえれば良いです。

Comments

[Soul3725]

リロード処理はviewDidLoad()内のgetUserList()の後に記述するので合ってますか？
Delegateを使っての処理はまだ未経験なので自分でやってみてわからないようでしたら再度質問してみようと思います！

[takabosoft]

「getUserList()の後」がどこを指しているのかわかりませんが、JSONデコードしてlistをメンバに格納した直後です。たぶんメインスレッドで実行しないと駄目な気がするので、
DispatchQueue.main.async {
self.list = list
self.tableView.reloadData()
}
のような感じにすれば行けそうな気がします。

[Soul3725]

let list = try JSONDecoder().decode([List].self , from: data)
DispatchQueue.main.async {
self.list = list
self.tableView.reloadData()
}
にしたらできましたありがとうございました。