How to extract key and value from JSON Object in flutter

user_5187878 0
Viewed 5289

I integrated API, I want to get both key and value from API response. I stored both key and value in two separate arrays and display inside the listview.so How to get key and value from api response.

[
    { "Name": "abc"
        "Department": "Marketing",
        "EmpCode": "ABC123",
        "Salary":"20000",
        "Pincode": 100023
}]

I got response using this code:

List list = json.decode(response.body);

So how to get Name,department,empcode and abc,marketing separate.

flutter-dependencies dart flutter
2 Answers

just use a forEach loop and it will extract keys and values for you which you can store according to your requirement and you don't have to worry about how many keys you have

response.forEach((key, value){
    print('key is $key');
    print('value is $value ');
  }
user_102953950

Create a class that will hold your fields and add a fromJson method like so:

 class ClassName{
          ClassName(
              {this.Name,
              this.Department,
              this.EmpCode,
              this.Salary,
              this.Pincode,
             });
        
          String Name;
          String Department;
          String EmpCode;
          double Salary;
          String Pincode;
               
        ClassName.fromJson(Map<String, dynamic> json) {
              Name= json['Name'];
              Department= json['Department'];
              EmpCode= json['EmpCode'];
              Salary= json['Salary'];
              Pincode= json['Pincode'];
        }
    }

And then you could do something like that with your json that you get from the API:

var x = json.decode(response.body.toString());

var className = ClassName.fromJson(x);
user_46566230
Related