Swift iOS解析JSON获取数据并赋值给CollectionView标签的实现方法

首先，我们需要把JSON数据解析成可操作的模型，再通过CollectionView的数据源方法动态生成对应数量的单元格并赋值。以下是完整的实现步骤：

1. 创建数据模型 #

先定义一个符合Codable协议的结构体，用来映射JSON中的name字段：

struct Item: Codable {
    let name: String
}

如果你的JSON是嵌套结构（比如外层有个data数组包裹），那模型要调整成这样：

struct ApiResponse: Codable {
    let data: [Item]
}

struct Item: Codable {
    let name: String
}

2. 准备数据源数组 #

在你的ViewController里定义一个数组，用来存储解析后的所有Item对象：

var items: [Item] = []

3. 解析JSON并刷新CollectionView #

假设你已经通过网络请求或本地文件拿到了JSON数据（jsonData），解析代码如下：

func parseJSON(_ jsonData: Data) {
    do {
        // 如果是直接数组结构的JSON
        items = try JSONDecoder().decode([Item].self, from: jsonData)
        
        // 如果是嵌套结构的JSON，用下面两行替换上面的
        // let response = try JSONDecoder().decode(ApiResponse.self, from: jsonData)
        // items = response.data
        
        // 解析完成后刷新CollectionView，让新数据生效
        collectionView.reloadData()
    } catch {
        print("JSON解析出错：\(error.localizedDescription)")
    }
}

4. 修正CollectionView的数据源方法 #

你原来的代码只处理了indexPath.row == 0的情况，这没法实现动态生成单元格。我们需要修改两个核心数据源方法：

（1）返回单元格数量 #

让单元格数量等于items数组的长度，这样就能自动根据name的数量生成对应单元格：

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return items.count
}

（2）为每个单元格赋值 #

修改cellForItemAt方法，去掉固定的row == 0判断，根据当前indexPath获取对应的Item并赋值：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    // 复用你的自定义单元格（确保故事板中单元格的复用ID是"AddNewCell"，且单元格类有label属性）
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "AddNewCell", for: indexPath) as! CustomCell
    
    // 获取当前位置的Item，把name赋值给单元格的label
    let currentItem = items[indexPath.row]
    cell.label.text = currentItem.name
    
    return cell
}

关键注意事项 #

• 确保你的自定义单元格类（比如CustomCell）已经关联了故事板中的label，并且label的IBOutlet已经正确连接。
• 故事板中的CollectionViewCell必须设置正确的复用ID：AddNewCell，和代码中保持一致。
• 如果JSON中的字段名和模型属性名不一致，可以用CodingKeys来映射，比如：

struct Item: Codable {
    let name: String
    
    enum CodingKeys: String, CodingKey {
        case name = "user_name" // 如果JSON里的字段是user_name
    }
}

内容的提问来源于stack exchange，提问作者user9606220