SwiftUI极简教程33:JSON数据的使用

简介: SwiftUI极简教程33:JSON数据的使用

image.png

在本章中,你将学会如何引用并解析JSON数据。

JSON,是JavaScript对象表示法的简称,是客户机和服务器应用程序中用于数据交换的一种常见数据格式。我们App客户端发送网络请求,服务端就会返回JSON文本,供App客户端进行解析,解析完成后客户端再把对应数据展现到页面上。

image.png

我们学习下JSON数据及其解码方式的相关内容。


项目创建


首先,创建一个新的Playground文件,命名为SwiftUIJSON

image.png

变量声明

我们创建一个简单的json数据。

let json = """
{
"name": "Ricardo",
"country": "China",
"city": "Guangzhou"
}
"""


然后,我们定义下需要的参数名称,我们需要新建一个personalInformation个人信息的结构体来定义json数据里的参数。


struct personalInformation: Codable {
    var name: String
    var country: String
    var city: String
}


这里,我们使用的personalInformation个人信息结构体需要遵循Codable可编码协议,并且personalInformation个人信息结构体中定义的变量需要与JSON的键一一匹配。


实例化


接下来,我们解析下json数据。


let decoder = JSONDecoder()
    if let jsonData = json.data(using: .utf8) {
        do {
            let message = try decoder.decode(personalInformation.self, from: jsonData)
            print(message)
        } catch {
            print(error)
    }
}


我们实例化JSONDecoder的一个实例,然后将JSON字符串转换为personalInformation的对象。

运行下代码,我们可以看到,我们获得并展示了json内的数据。

image.png


参数映射


在我们从服务器获得JSON数据时,可能会出现我们实例化的参数和JSON数据的参数不匹配的情况。

示例:在JSON数据中,我们把city城市换成cityName城市名称。

这时候,我们就需要映射字段名称,而不需要每次都更改我们定义的字段。


enum CodingKeys: String, CodingKey {
        case name
        case country
        case city = "cityName"
    }


我们在personalInformation个人信息结构体增加了一个枚举,然后使用case转换参数进行映射。

image.png

对象嵌套


我们再考虑一种情况,如果JSON数据中存在嵌套关系,比如我们新增一个参数location位置,在location位置里放country国家参数。


let json = """
{
"name": "Ricardo",
"location": {
    "country": "China",
},
"cityName": "Guangzhou"
}
"""


这个例子很常见,我们可以把省、市、区放在地址里,这种对象中嵌套对象,我们处理也需要建立映射关系。

首先我们需要在CodingKeys中设置切换。


enum CodingKeys: String, CodingKey {
    case name
    case country = "location"
    case city = "cityName"
}


同时我们还需要定义了一个枚举LocationKeys,它的参数是被location位置嵌套的country国家参数。

由于我们不能直接映射,那我们需要在Codable协议的初始化器中来解码得到我们想要的值。


enum LocationKeys: String, CodingKey {
    case country
}


然后是实现方法。


init(from decoder: Decoder) throws {
        let values = try decoder.container(keyedBy: CodingKeys.self)
        name = try values.decode(String.self, forKey: .name)
        let location = try values.nestedContainer(keyedBy: LocationKeys.self, forKey: .country)
        country = try location.decode(String.self, forKey: .country)
        city = try values.decode(String.self, forKey: .city)
    }


我们在init函数方法中,调用decodercontainer容器解码器方法来获取CodingKeys枚举的数据,CodingKeys枚举里有name名字。

而由于country国家参数在location位置的容器中,就需要通过调用LocationKeys枚举的nestedContainer方法进一步解码城市的值。

以上就是嵌套对象解码JSON数据的方法。


image.png

image.png

数据数组


在上面我们了解的都是基于1行数据的解析,如果我们JSON数据是由多行数据组成的数组,我们又该如何解析呢?

let json = """
{
"messages":[
{
"name": "Ricardo",
"location": {
    "country": "China",
},
"cityName": "Guangzhou"
},{
"name": "Ricardo",
"location": {
    "country": "China",
},
"cityName": "Guangzhou"
}]
}
"""


我们的JSON有一个messages数组,里面有2个数据行。

要想解析这个messages数组,我们也是需要创建一个遵循Codable可编码协议的结构体,这里命名为MessageArrays


struct MessageArrays: Codable {
    var messages: [personalInformation]
}


我们用messages来接收personalInformation个人信息结构体的数据。

然后在解析这块,我们就不能直接解析personalInformation的数据了,我们改为解析MessageArrays数组的数据。

同时,我们用for循环输出下数据看看效果:


let decoder = JSONDecoder()
if let jsonData = json.data(using: .utf8) {
    do {
        let messageArrays = try decoder.decode(MessageArrays.self, from: jsonData)
        for message in messageArrays.messages {
            print(message)
        }
    } catch {
        print(error)
    }
}


image.png

恭喜你,我们完成了JSON数据的全部学习!

完整代码


import SwiftUI
//json数据准备
let json = """
{
"messages":[
{
"name": "Ricardo",
"location": {
    "country": "China",
},
"cityName": "Guangzhou"
},{
"name": "Ricardo",
"location": {
    "country": "China",
},
"cityName": "Guangzhou"
}]
}
"""
//定义数组
struct MessageArrays: Codable {
    var messages: [personalInformation]
}
//定义模型
struct personalInformation: Codable {
    var name: String
    var country: String
    var city: String
    //定义参数枚举
    enum CodingKeys: String, CodingKey {
        case name
        case country = "location"
        case city = "cityName"
    }
    //数组枚举
    enum LocationKeys: String, CodingKey {
        case country
    }
    //实例化
    init(from decoder: Decoder) throws {
        let values = try decoder.container(keyedBy: CodingKeys.self)
        name = try values.decode(String.self, forKey: .name)
        let location = try values.nestedContainer(keyedBy: LocationKeys.self, forKey: .country)
        country = try location.decode(String.self, forKey: .country)
        city = try values.decode(String.self, forKey: .city)
    }
}
//解析数据
let decoder = JSONDecoder()
if let jsonData = json.data(using: .utf8) {
    do {
        let messageArrays = try decoder.decode(MessageArrays.self, from: jsonData)
        for message in messageArrays.messages {
            print(message)
        }
    } catch {
        print(error)
    }
}


相关文章
|
11月前
|
JSON API 数据格式
淘宝拍立淘按图搜索API系列,json数据返回
淘宝拍立淘按图搜索API系列通过图像识别技术实现商品搜索功能,调用后返回的JSON数据包含商品标题、图片链接、价格、销量、相似度评分等核心字段,支持分页和详细商品信息展示。以下是该API接口返回的JSON数据示例及详细解析:
|
11月前
|
JSON 算法 API
Python采集淘宝商品评论API接口及JSON数据返回全程指南
Python采集淘宝商品评论API接口及JSON数据返回全程指南
|
12月前
|
JSON 缓存 自然语言处理
多语言实时数据微店商品详情API:技术实现与JSON数据解析指南
通过以上技术实现与解析指南,开发者可高效构建支持多语言的实时商品详情系统,满足全球化电商场景需求。
|
11月前
|
JSON API 数据安全/隐私保护
Python采集淘宝拍立淘按图搜索API接口及JSON数据返回全流程指南
通过以上流程,可实现淘宝拍立淘按图搜索的完整调用链路,并获取结构化的JSON商品数据,支撑电商比价、智能推荐等业务场景。
|
11月前
|
JSON 中间件 Java
【GoGin】(3)Gin的数据渲染和中间件的使用:数据渲染、返回JSON、浅.JSON()源码、中间件、Next()方法
我们在正常注册中间件时,会打断原有的运行流程,但是你可以在中间件函数内部添加Next()方法,这样可以让原有的运行流程继续执行,当原有的运行流程结束后再回来执行中间件内部的内容。​ c.Writer.WriteHeaderNow()还会写入文本流中。可以看到使用next后,正常执行流程中并没有获得到中间件设置的值。接口还提供了一个可以修改ContentType的方法。判断了传入的状态码是否符合正确的状态码,并返回。在内部封装时,只是标注了不同的render类型。再看一下其他返回的类型;
474 3
|
11月前
|
JSON Java Go
【GoGin】(2)数据解析和绑定:结构体分析,包括JSON解析、form解析、URL解析,区分绑定的Bind方法
bind或bindXXX函数(后文中我们统一都叫bind函数)的作用就是将,以方便后续业务逻辑的处理。
554 3
|
12月前
|
JSON API 数据安全/隐私保护
Python采集淘宝评论API接口及JSON数据返回全流程指南
Python采集淘宝评论API接口及JSON数据返回全流程指南
|
12月前
|
JSON 自然语言处理 监控
淘宝关键词搜索与商品详情API接口(JSON数据返回)
通过商品ID(num_iid)获取商品全量信息,包括SKU规格、库存、促销活动、卖家信息、详情页HTML等。
|
12月前
|
JSON 自然语言处理 API
多语言实时数据淘宝商品评论API:技术实现与JSON数据解析指南
淘宝商品评论多语言实时采集需结合官方API与后处理技术实现。建议优先通过地域站点适配获取本地化评论,辅以机器翻译完成多语言转换。在合规前提下,企业可构建多语言评论数据库,支撑全球化市场分析与产品优化。
|
12月前
|
机器学习/深度学习 JSON API
干货,淘宝拍立淘按图搜索,淘宝API(json数据返回)
淘宝拍立淘按图搜索API接口基于深度学习与计算机视觉技术,通过解析用户上传的商品图片,在淘宝商品库中实现毫秒级相似商品匹配,并以JSON格式返回商品标题、图片链接、价格、销量、相似度评分等详细信息。

热门文章

最新文章