Flutter 中如何处理 JSON 数据？

推荐答案

在 Flutter 中处理 JSON 数据通常涉及以下几个步骤：

1. 解析 JSON 字符串：使用 dart:convert 库中的 jsonDecode 函数将 JSON 字符串转换为 Dart 对象。
2. 序列化 JSON 数据：将 Dart 对象转换为 JSON 字符串，使用 jsonEncode 函数。
3. 使用模型类：为了更方便地处理 JSON 数据，通常会定义一个模型类，并使用 fromJson 和 toJson 方法来将 JSON 数据与 Dart 对象相互转换。

示例代码

// www.javascriptcn.com code example
import 'dart:convert';

class User {
  final String name;
  final int age;

  User({required this.name, required this.age});

  // 从 JSON 数据创建 User 对象
  factory User.fromJson(Map<String, dynamic> json) {
    return User(
      name: json['name'],
      age: json['age'],
    );
  }

  // 将 User 对象转换为 JSON 数据
  Map<String, dynamic> toJson() => {
    'name': name,
    'age': age,
  };
}

void main() {
  // JSON 字符串
  String jsonString = '{"name": "John", "age": 30}';

  // 解析 JSON 字符串
  Map<String, dynamic> userMap = jsonDecode(jsonString);

  // 使用模型类
  User user = User.fromJson(userMap);

  print('User: ${user.name}, ${user.age}');

  // 将 User 对象转换为 JSON 字符串
  String jsonUser = jsonEncode(user.toJson());
  print('JSON User: $jsonUser');
}

本题详细解读

1. 解析 JSON 字符串

在 Flutter 中，dart:convert 库提供了 jsonDecode 函数，用于将 JSON 字符串解析为 Dart 的 Map<String, dynamic> 类型。这个函数会将 JSON 字符串转换为一个键值对的映射，其中键是字符串，值可以是任何类型（如字符串、数字、布尔值、列表或其他映射）。

Map<String, dynamic> userMap = jsonDecode(jsonString);

2. 序列化 JSON 数据

要将 Dart 对象转换回 JSON 字符串，可以使用 jsonEncode 函数。这个函数接受一个 Map<String, dynamic> 类型的对象，并将其转换为 JSON 格式的字符串。

String jsonUser = jsonEncode(user.toJson());

3. 使用模型类

为了更方便地处理 JSON 数据，通常会定义一个模型类。这个类包含两个主要方法：

• fromJson：用于从 JSON 数据创建 Dart 对象。
• toJson：用于将 Dart 对象转换为 JSON 数据。

通过这种方式，可以将 JSON 数据与 Dart 对象之间的转换逻辑封装在模型类中，使代码更加清晰和易于维护。

// www.javascriptcn.com code example
class User {
  final String name;
  final int age;

  User({required this.name, required this.age});

  factory User.fromJson(Map<String, dynamic> json) {
    return User(
      name: json['name'],
      age: json['age'],
    );
  }

  Map<String, dynamic> toJson() => {
    'name': name,
    'age': age,
  };
}

4. 处理复杂 JSON 数据

对于复杂的 JSON 数据结构（如嵌套对象或数组），可以在模型类中进一步定义嵌套的 fromJson 和 toJson 方法，以处理这些复杂结构。

5. 使用第三方库

虽然 dart:convert 库足以处理大多数 JSON 数据，但对于更复杂的场景，可以考虑使用第三方库如 json_serializable 或 built_value，这些库可以自动生成模型类的序列化和反序列化代码，减少手动编写的工作量。