Flutter parsing JSON with array

Question

I have troubles with parsing a JSON file with array.

It looks like something like this:

{
    "status": "200",
    "addresses": [
        {
            "address": "Address 1"
        },
        {
            "address": "Address 2"
        }
    ]
}

And I tried to parse it with:

var response = jsonDecode(res.body);
print(response['addresses']['address'][0]);
print(response['addresses']['address'][1]);

But it is not working. Is there any common pattern how this should be?

It is not working because your code is incorrect. Why do you think that it should work? — mezoni
– mezoni, Commented Jul 27, 2019 at 8:32
Thank you Captain Obvious :D. I didn't say it should work... I am asking a question how can I correct my code which is a main purpose of this website :D. — harunB10
– harunB10, Commented Jul 27, 2019 at 12:57

Miguel Ruivo · Accepted Answer · 2019-07-27 00:40:47Z

2

That's because you're not accessing it the right way. You have a Map<String,dynamic> that has a List<Map<String,String>> for the key addresses.

If you want to access the first two elements of that list, you can do it by doing:

var response = jsonDecode(res.body);
print(response['addresses'][0]['address']);
print(response['addresses'][1]['address']);

answered Jul 27, 2019 at 0:40

Miguel Ruivo

18k7 gold badges67 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

E.Bradford · Accepted Answer · 2019-07-27 00:11:12Z

1

The easiest way I have found for dealing with this is to have this website write the JSON parser for me. Simply copy / paste you JSON into provide field and choose Dart as the language:

https://app.Quicktype.io

answered Jul 27, 2019 at 0:11

E.Bradford

8139 silver badges21 bronze badges

Comments

Max Macfarlane · Accepted Answer · 2019-07-27 00:55:49Z

Your best mapping the data into a class there is a useful website (created by Javier Lecuona) that generates the class for you. https://javiercbk.github.io/json_to_dart/

Here is an example:

var parsedJson = jsonDecode(json);
var addressList = ClientAddresses.fromJson(parsedJson);
print(addressList.addresses[0].address);
print(addressList.addresses[1].address);

class ClientAddresses {
  String status;
  List<Addresses> addresses;

  ClientAddresses({this.status, this.addresses});

  ClientAddresses.fromJson(Map<String, dynamic> json) {
    status = json['status'];
    if (json['addresses'] != null) {
      addresses = new List<Addresses>();
      json['addresses'].forEach((v) {
        addresses.add(new Addresses.fromJson(v));
      });
    }
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['status'] = this.status;
    if (this.addresses != null) {
      data['addresses'] = this.addresses.map((v) => v.toJson()).toList();
    }
    return data;
  }
}

class Addresses {
  String address;

  Addresses({this.address});

  Addresses.fromJson(Map<String, dynamic> json) {
    address = json['address'];
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['address'] = this.address;
    return data;
  }
}

Collectives™ on Stack Overflow

Flutter parsing JSON with array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related