如何使用 Swift 将 JSON 数组数据加载到 UITableView 部分和行中？

Question

我的场景，我正在尝试将JSON 数据加载到UITableView。在这里，问题是我的 JSON 有多个 array 和多个 values。我需要将数组 keys 作为 Tableview section 名称并将其全部 values 加载到相关的 cell 中。我正在使用codable 方法进行简单的 JSON 数据处理。现在，如何将数组键名（学校、办公室等）放入部分及其值相关的单元格中。

我的 JSON

https://api.myjson.com/bins/r763z

我的可编码

   struct Root : Decodable {
        let status : Bool
        let data: ResultData
    }

    struct ResultData : Decodable {
        let school, college, office, organisation, central : [Result]
    }

    struct Result : Decodable {
        let id, name, date : String
        let group : [String]
    }

我的 JSON 解码器代码

func loadJSON(){

        let urlPath = "https://api.myjson.com/bins/r763z"
        let url = NSURL(string: urlPath)
        let session = URLSession.shared
        let task = session.dataTask(with: url! as URL) { data, response, error in
            guard data != nil && error == nil else {
                print(error!.localizedDescription)
                return
            }
            do {

                let decoder = JSONDecoder()
                self.tableData = try decoder.decode(DivisionData.self, from: data!) // How to get section values and cell values and load table data
                DispatchQueue.main.async {

                    self.tableView.reloadData()

                }

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

Expected Output

Answer 1

只需为不同的部分使用不同的数组即可。

var tableData: ResultData?

override func numberOfSections(in tableView: UITableView) -> Int {
    return 5
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    guard let tableData = tableData else { return 0 }
    switch section {
    case 0:
        return tableData.school.count
    case 1:
        return tableData.college.count
    case 2:
        return tableData.office.count
    case 3:
        return tableData.organisation.count
    case 4:
        return tableData.central.count
    default:
        return 0
    }
}

override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    switch section {
    case 0:
        return "School"
    case 1:
        return "College"
    case 2:
        return "Office"
    case 3:
        return "Organisation"
    case 4:
        return "Central"
    default:
        return nil
    }
}

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: reuseIdentifier, for: indexPath)

    // Get item
    var item: Result?
    switch section {
    case 0:
        item = tableData?.school[indexPath.row]
    case 1:
        item = tableData?.college[indexPath.row]
    case 2:
        item = tableData?.office[indexPath.row]
    case 3:
        item = tableData?.organisation[indexPath.row]
    case 4:
        item = tableData?.central[indexPath.row]
    default:
        break
    }

    if let item = item {
        // Configure the cell...
    }

    return cell
}

要获取您的数据，您需要像这样使用URLSession：

func fetchData() {
    guard let url = URL(string: "https://api.myjson.com/bins/r763z") else { return }

    let task = URLSession.shared.dataTask(with: url) { data, response, error in
        if let error = error {
            print("An error occurred: \(error)")
        } else if let data = data, let response = response as? HTTPURLResponse, response.statusCode == 200 {
            let decoder = JSONDecoder()
            do {
                let json = try decoder.decode(Root.self, from: data)
                tableData = json.data
                // Reload table view
                DispatchQueue.main.async {
                    self.tableView.reloadData()
                }
            } catch {
                print("Decoding error: \(error)")
            }
        }
    }
    task.resume()
}

Answer 2

要有效地在部分中显示 JSON，您必须将 JSON 解码为具有 title 成员的结构

struct Root : Decodable {
    let status : Bool
    let sections : [Section]

    private enum CodingKeys : String, CodingKey { case status, data }

    init(from decoder: Decoder) throws {
        let container = try decoder.container(keyedBy: CodingKeys.self)
        status = try container.decode(Bool.self, forKey: .status)
        let data = try container.decode([String:[Result]].self, forKey: .data)
        sections = data.compactMap{ return $0.value.isEmpty ? nil : Section(title: $0.key, result: $0.value) }
    }
}

struct Section {
    let title : String
    let result : [Result]
}

struct Result : Decodable {
    let id, name, date : String
    let group : [String]
}

声明一个数据源数组

var sections = [Section]()

将结果赋值给数组

do {
    let decoder = try JSONDecoder().decode(Root.self,  from: data!)
    let status = decoder.status

    if status == true {
        sections = decoder.sections
        DispatchQueue.main.async {
            self.tableView.reloadData()
        }
    } else {

    }
} catch { print(error) }

相关的表视图数据源方法有

override func numberOfSections(in tableView: UITableView) -> Int {
    return sections.count
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return sections[section].result.count
}

override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    return sections[section].title
}

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "MyCell", for: indexPath)
    let item = sections[indexPath.section].result[indexPath.row]
    // Update the UI
}

旁注：使用更有意义的名称命名您的结构。例如，一个数组应该以 plural 形式命名（就像我之前的建议一样）