在 tableview 中显示来自 JSON 的数组元素

Question

我向 CocktailDB API 创建一个请求并从 JSON 输出中获取鸡尾酒的类别，然后将所有鸡尾酒的类别添加到一个数组中。

我想在我的表格视图中显示数组中的元素。
但是tableview是空的，categoriesArray.count返回0。

我的代码：

class ViewController: UIViewController {
    
    struct Categories {
        let categoryName: String
    }
    
    @IBOutlet weak var tableView: UITableView!
    var categoriesArray = [String]()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        getCategories()
    }
    
    func getCategories() {
        let url = URL(string: "https://www.thecocktaildb.com/api/json/v1/1/list.php?c=list")!
        
        let session = URLSession.shared
        
        let task = session.dataTask(with: url) { (data, response, error) in
            do {
                let jsonData = try JSONSerialization.jsonObject(with: data!, options: []) as? [String: Any]
                let output = self.jsonParserCategories(jsonData!)
                
                self.categoriesArray.append(contentsOf: output)
                print(self.categoriesArray) // print out an array of categories

            } catch {
                print(error)
                return
            }
        }
        task.resume()
    }
    
    private func jsonParserCategories(_ data: [String: Any]) -> [String] {
        var categArray: [String] = []
        
        let allDrinks = data["drinks"] as! [Any]
        
        allDrinks.forEach {
            categArray.append(($0 as! [String: Any])["strCategory"] as! String)
        }
        
        return categArray
    }
}

extension ViewController: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 2
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        return UITableViewCell(style: .default, reuseIdentifier: "cell")
    }
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return categoriesArray.count // return 0 
    }
    
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return categoriesArray[section]
    }
}

JSON 结构：

Answer 1

收到回复后重新加载表格数据

func getCategories() {
        let url = URL(string: "https://www.thecocktaildb.com/api/json/v1/1/list.php?c=list")!
        
        let session = URLSession.shared
        
        let task = session.dataTask(with: url) { (data, response, error) in
            do {
                let jsonData = try JSONSerialization.jsonObject(with: data!, options: []) as? [String: Any]
                let output = self.jsonParserCategories(jsonData!)
                
                self.categoriesArray.append(contentsOf: output)
                print(self.categoriesArray) // print out an array of categories
                DispatchQueue.main.async {
                    tableView.reloadData()
                  }

            } catch {
                print(error)
                return
            }
        }
        task.resume()
    }

Answer 2

您必须在设置数据后调用reloadData。另外，在 getCategories 方法的开头将数组设置为空。

func getCategories() {
    categoriesArray = [] // set array to empty
    //...
    self.categoriesArray.append(contentsOf: output)
    DispatchQueue.main.async {
        self.tableView.reloadData() // call reload once `categoriesArray` is set
    }

附加组件：使用Codable 模型解码JSON 而不是JSONSerialization。