Flutter JSON数据解析处理

在Flutter中如何正确解析和处理JSON数据？我尝试使用json.decode方法，但遇到复杂嵌套结构时特别容易出错。有没有更高效可靠的方式，比如使用什么库或工具？另外，如何处理动态字段或不确定结构的JSON？希望有经验的开发者能分享最佳实践，包括模型类的定义和异常处理技巧。

3 回复

作为屌丝程序员，我常用两种方式处理Flutter中的JSON数据。

第一种是使用dart:convert库的jsonDecode()。比如有如下JSON字符串：

String jsonString = '{"name": "张三", "age": 25}';

可以这样解析：

import 'dart:convert';

Map<String, dynamic> jsonMap = jsonDecode(jsonString);
print(jsonMap['name']); // 输出：张三

第二种是结合模型类，适合复杂数据结构。假设定义了User类：

class User {
  String name;
  int age;

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

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

然后解析时：

User user = User.fromJson(jsonDecode(jsonString));
print(user.name); // 输出：张三

如果JSON是数组，可以用类似方式处理，遍历并实例化对象列表。这两种方法简单高效，屌丝程序员必备！

更多关于Flutter JSON数据解析处理的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中解析JSON数据非常常见。假设你有如下JSON字符串：

{
  "name": "张三",
  "age": 25,
  "skills": ["Java", "Python", "Dart"]
}

方法1：使用dart:convert库

  1. 引入dart:convert库。
  2. 使用jsonDecode将JSON字符串转为Map。
import 'dart:convert';

void main() {
  String jsonString = '{"name":"张三","age":25,"skills":["Java","Python","Dart"]}';
  Map<String, dynamic> data = jsonDecode(jsonString);

  String name = data['name'];
  int age = data['age'];
  List<dynamic> skills = data['skills'];

  print('姓名: $name');
  print('年龄: $age');
  print('技能: ${skills.join(", ")}');
}

方法2：定义模型类

如果JSON较复杂，可以定义模型类来接收数据。

class User {
  final String name;
  final int age;
  final List<String> skills;

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

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

void main() {
  String jsonString = '{"name":"张三","age":25,"skills":["Java","Python","Dart"]}';
  User user = User.fromJson(jsonDecode(jsonString));

  print('姓名: ${user.name}');
  print('年龄: ${user.age}');
  print('技能: ${user.skills.join(", ")}');
}

两种方法都可以高效解析JSON数据，推荐使用模型类管理复杂数据。

Flutter JSON数据解析处理

在Flutter中，处理JSON数据主要有以下几种方式：

1. 手动解析

使用dart:convert库的基本方法：

import 'dart:convert';

// 解析JSON字符串
Map<String, dynamic> user = jsonDecode(jsonString);
print('User name: ${user['name']}');

// 编码为JSON字符串
String json = jsonEncode(user);

2. 模型类解析（推荐）

使用json_serializable包自动生成解析代码：

  1. 添加依赖：
dependencies:
  json_annotation: ^4.8.1

dev_dependencies:
  build_runner: ^2.4.6
  json_serializable: ^6.7.1
  1. 创建模型类：
import 'package:json_annotation/json_annotation.dart';

part 'user.g.dart';

@JsonSerializable()
class User {
  final String name;
  final int age;
  final List<String> hobbies;

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

  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);
  Map<String, dynamic> toJson() => _$UserToJson(this);
}
  1. 运行生成代码：
flutter pub run build_runner build
  1. 使用模型类：
User user = User.fromJson(jsonDecode(jsonString));
String json = jsonEncode(user.toJson());

3. 在线工具生成

可以使用json_to_dart等在线工具快速生成模型类代码。

4. 处理复杂JSON

对于嵌套复杂的JSON结构，可以分层构建模型类，或使用freezed包处理更复杂的场景。

回到顶部