如何遍历嵌套的 json object 数组
[英]How to Iterate through nested json object array
问题描述
I am very new to Json parsing.
我对 Json 解析非常陌生。 I have to iterate throught json array object.我必须遍历 json 数组 object。
my JSON class:我的 JSON class：
class Jsons {
static var hotelListJson = {
'hotelData': [
{
'index': 0,
'restaurantName': 'Monginis Cake Shop',
'foodCategory': 'The Cake Shop',
'restReview': 5,
'restImage': 'assets/images/Restaurant1.png',
'distanceFromLocation': 40,
'restStatus': 'open',
'menuCategories': [
{
'categoryName': 'Pastry',
'dishes': [
{
'dishName': 'Dutch Pastry',
'price': 5,
},
{
'dishName': 'Black Forest pastry',
'price': 50,
},
{
'dishName': 'Truffle Pastry',
'price': 35,
},
{
'dishName': 'Dutch Alond Veg',
'price': 50,
},
]
},
{
'categoryName': 'Breads',
'dishes': [
{
'dishName': 'Sandwich Bread',
'price': 5,
},
{
'dishName': 'Multigrain Bread',
'price': 50,
},
{
'dishName': 'Duth Chocolate Heart Veg (Small)',
'price': 35,
},
{
'dishName': 'Brown Bread',
'price': 50,
},
]
},
{
'categoryName': 'Savouries',
'dishes': [
{
'dishName': 'Panner pattice',
'price': 5,
},
{
'dishName': 'Veg Burger',
'price': 50,
},
{
'dishName': 'Pan Pizza Veg',
'price': 35,
},
{
'dishName': 'Veg pattice',
'price': 50,
},
]
},
]
},
{
'index': 1,
'restaurantName': 'Swami Hotel',
'foodCategory': 'Family Hotel',
'restReview': 2,
'restImage': 'assets/images/Restaurant2.png',
'distanceFromLocation': 40,
'restStatus': 'open',
'menuCategories': [
{
'categoryName': 'Veg Starter',
'dishes': [
{
'dishName': 'Paneer pahadi kabab',
'price': 5,
},
{
'dishName': 'Garlic chana',
'price': 50,
},
{
'dishName': 'Masala papad',
'price': 35,
},
{
'dishName': 'Manchurian',
'price': 50,
},
{
'dishName': 'Masroom chilli',
'price': 50,
},
]
},
{
'categoryName': 'Non Veg Starter',
'dishes': [
{
'dishName': 'CHI Chilli Gravy',
'price': 5,
},
{
'dishName': 'Lollypop Sezwan',
'price': 50,
},
{
'dishName': 'Pan Pizza Veg',
'price': 35,
},
{
'dishName': 'Chicken crispy',
'price': 50,
},
{
'dishName': 'Mandeli fry',
'price': 50,
},
]
},
{
'categoryName': 'Tandoori',
'dishes': [
{
'dishName': 'Chicken Tandoori',
'price': 5,
},
{
'dishName': 'Chicken Tangadi Kabab',
'price': 50,
},
{
'dishName': 'Chicken Pahadi Kabab',
'price': 35,
},
{
'dishName': 'Chicken Hydrabadi Kabab',
'price': 50,
},
{
'dishName': 'Mutton Kadhai',
'price': 50,
},
]
},
{
'categoryName': 'NON VEG SOUP',
'dishes': [
{
'dishName': 'Chi manchaow Soup',
'price': 5,
},
{
'dishName': 'Chi Clear Soup',
'price': 50,
},
{
'dishName': 'Chi Schezwan Soup',
'price': 35,
},
{
'dishName': 'Swami Special Chi Soup',
'price': 50,
},
]
},
{
'categoryName': 'VEG SOUP',
'dishes': [
{
'dishName': 'Chicken Masala',
'price': 5,
},
{
'dishName': 'Chicken Tikka Masala',
'price': 50,
},
{
'dishName': 'Chicken Handi',
'price': 35,
},
{
'dishName': 'Butter Chicken',
'price': 50,
},
{
'dishName': 'Mutton Kadhai',
'price': 50,
},
]
},
]
},
{
'index': 2,
'restaurantName': 'Smart open pick cake shop',
'foodCategory': 'Cake Shop',
'restReview': 1,
'restImage': 'assets/images/Restaurant4.png',
'distanceFromLocation': 10,
'restStatus': 'closed',
'offer': 'Get 5% discount',
'menuCategories': [
{
'categoryName': 'CAKE HALF Kg',
'dishes': [
{
'dishName': 'Black Forest',
'price': 300,
},
{
'dishName': 'Pineapple half kg',
'price': 50,
},
{
'dishName': 'Lichi half kg',
'price': 35,
},
{
'dishName': 'choco chips half kg',
'price': 50,
},
]
},
{
'categoryName': 'CAKE 1 KG',
'dishes': [
{
'dishName': 'Butterscotch',
'price': 5,
},
{
'dishName': 'Rose falooda',
'price': 50,
},
{
'dishName': 'White forest ovenpick',
'price': 35,
},
{
'dishName': 'Mix Fruit',
'price': 50,
},
]
},
]
},
{
'index': 3,
'restaurantName': 'Mitarth Chinese',
'foodCategory': 'Chinese corner',
'restReview': 3,
'restImage': 'assets/images/Restaurant5.png',
'distanceFromLocation': 20,
'restStatus': 'open',
},
{
'index': 4,
'restaurantName': 'Selfie Chat',
'foodCategory': 'Paani Puri & more',
'restReview': 2,
'restImage': 'assets/images/Restaurant6.png',
'distanceFromLocation': 40,
'restStatus': 'open',
},
{
'index': 5,
'restaurantName': 'Gareeb Nawaj Biryani',
'foodCategory': 'Caterers Biryani',
'restReview': 5,
'restImage': 'assets/images/Restaurant7.png',
'distanceFromLocation': 40,
'restStatus': 'open',
},
{
'index': 6,
'restaurantName': 'Prem Sweets',
'foodCategory': 'Sweets shop',
'restReview': 1,
'restImage': 'assets/images/Restaurant8.png',
'distanceFromLocation': 40,
'restStatus': 'closed',
'offer': 'Get 5% discount',
}
]
};
}
Basically what I am doing is abc is name of a hotel and the list of subCategory that abc has are populated inside it.also subCategory has list of type.基本上我正在做的是 abc 是酒店的名称，并且 abc 拥有的子类别列表填充在其中。subCategory 也有类型列表。
The problem is there can be many Types under that hotel.问题是该酒店下可能有很多类型。 So i need a proper looping structure in Dart that can be generic to handle it.所以我需要在 Dart 中有一个适当的循环结构，它可以通用来处理它。
I have successfully parse the main Array but I cannot parse the subCaterory and type under subcategory.我已经成功解析了主数组，但我无法解析子类别并在子类别下键入。
This is How I iterate:这就是我迭代的方式：
@override
void initState() {
super.initState();
for (int i = 0; i < (Jsons.hotelListJson['hotelData'].length); i++) {
var currObj = Jsons.hotelListJson['hotelData'][i];
var currObjSubCategoryList =
currObj['menuCategories'] as List<Map<String, Object>>;
for (int j = 0; j < currObjSubCategoryList.length; j++) {
var listItem = currObjSubCategoryList[j];
var typeList = listItem['categoryName'] as List<Map<String, Object>>;
for (int k = 0; k < typeList.length; k++) {
var temp = typeList[k];
var currTypeName = temp['dishes'];
print(currTypeName);
restaurantListModel.add(RestaurantListModel(
currObj['restaurantName'],
currObj['foodCategory'],
currObj['restReview'],
currObj['restImage'],
currObj['distanceFromLocation'],
currObj['restStatus'],
));
}
}
}
}
This is my Model class:这是我的 Model class：
class RestaurantListModel {
var name,
category,
review,
offer;
final List<String> menuCategory;
RestaurantListModel(
this.restaurantName,
this.foodCategory,
this.restReview,
this.restImage,
this.distanceFromLocation,
this.restStatus,
this.menuCategory,
{this.offer});
}
my Container:我的容器：
Container(
//height: MediaQuery.of(context).size.height - 450,
child: NotificationListener<OverscrollIndicatorNotification>(
onNotification: (overscroll) {
overscroll.disallowGlow();
},
child: ListView.builder(
padding: EdgeInsets.only(
top: 10, bottom: 30, left: 15, right: 15),
controller: ScrollController(),
shrinkWrap: true,
itemCount: restaurantListModel.length,
itemBuilder: (context, index) {
return RestaurantCard(restaurantListModel, index,
restaurantListModel[index]);
}),
),
)
In RestaurantCard class: this is how i display data:在 RestaurantCard class 中：这是我显示数据的方式：
Padding(
padding: const EdgeInsets.all(3.0),
child: Container(
alignment: Alignment.centerLeft,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
widget.restaurantListModelObj.restaurantName,
style: commonTextStyle(
size: 2.4 * SizeConfig.textMultiplier,
whichFont: 'bold'),
),
Text(
widget.restaurantListModelObj.foodCategory,
style: commonTextStyle(
size: 2 * SizeConfig.textMultiplier,
),
)
],
),
),
),
Please HELP请帮忙
Thanks in advance.提前致谢。
2 个解决方案
解决方案1
2 已采纳 2021-05-09 06:54:34
This is what I meant by iterating over the length of the lists, I have added a code from where you can get an idea of how you can parse.这就是我迭代列表长度的意思，我添加了一个代码，您可以从中了解如何解析。
UPDATED CODE更新代码
class Jsons {
static var hotelListJson = {
'hotelData': [
{
'index': 0,
'restaurantName': 'Monginis Cake Shop',
'foodCategory': 'The Cake Shop',
'restReview': 5,
'restImage': 'assets/images/Restaurant1.png',
'distanceFromLocation': 40,
'restStatus': 'open',
'menuCategories': [
{
'categoryName': 'Pastry',
'dishes': [
{
'dishName': 'Dutch Pastry',
'price': 5,
},
{
'dishName': 'Black Forest pastry',
'price': 50,
},
{
'dishName': 'Truffle Pastry',
'price': 35,
},
{
'dishName': 'Dutch Alond Veg',
'price': 50,
},
]
},
{
'categoryName': 'Breads',
'dishes': [
{
'dishName': 'Sandwich Bread',
'price': 5,
},
{
'dishName': 'Multigrain Bread',
'price': 50,
},
{
'dishName': 'Duth Chocolate Heart Veg (Small)',
'price': 35,
},
{
'dishName': 'Brown Bread',
'price': 50,
},
]
},
{
'categoryName': 'Savouries',
'dishes': [
{
'dishName': 'Panner pattice',
'price': 5,
},
{
'dishName': 'Veg Burger',
'price': 50,
},
{
'dishName': 'Pan Pizza Veg',
'price': 35,
},
{
'dishName': 'Veg pattice',
'price': 50,
},
]
},
]
},
{
'index': 1,
'restaurantName': 'Swami Hotel',
'foodCategory': 'Family Hotel',
'restReview': 2,
'restImage': 'assets/images/Restaurant2.png',
'distanceFromLocation': 40,
'restStatus': 'open',
'menuCategories': [
{
'categoryName': 'Veg Starter',
'dishes': [
{
'dishName': 'Paneer pahadi kabab',
'price': 5,
},
{
'dishName': 'Garlic chana',
'price': 50,
},
{
'dishName': 'Masala papad',
'price': 35,
},
{
'dishName': 'Manchurian',
'price': 50,
},
{
'dishName': 'Masroom chilli',
'price': 50,
},
]
},
{
'categoryName': 'Non Veg Starter',
'dishes': [
{
'dishName': 'CHI Chilli Gravy',
'price': 5,
},
{
'dishName': 'Lollypop Sezwan',
'price': 50,
},
{
'dishName': 'Pan Pizza Veg',
'price': 35,
},
{
'dishName': 'Chicken crispy',
'price': 50,
},
{
'dishName': 'Mandeli fry',
'price': 50,
},
]
},
{
'categoryName': 'Tandoori',
'dishes': [
{
'dishName': 'Chicken Tandoori',
'price': 5,
},
{
'dishName': 'Chicken Tangadi Kabab',
'price': 50,
},
{
'dishName': 'Chicken Pahadi Kabab',
'price': 35,
},
{
'dishName': 'Chicken Hydrabadi Kabab',
'price': 50,
},
{
'dishName': 'Mutton Kadhai',
'price': 50,
},
]
},
{
'categoryName': 'NON VEG SOUP',
'dishes': [
{
'dishName': 'Chi manchaow Soup',
'price': 5,
},
{
'dishName': 'Chi Clear Soup',
'price': 50,
},
{
'dishName': 'Chi Schezwan Soup',
'price': 35,
},
{
'dishName': 'Swami Special Chi Soup',
'price': 50,
},
]
},
{
'categoryName': 'VEG SOUP',
'dishes': [
{
'dishName': 'Chicken Masala',
'price': 5,
},
{
'dishName': 'Chicken Tikka Masala',
'price': 50,
},
{
'dishName': 'Chicken Handi',
'price': 35,
},
{
'dishName': 'Butter Chicken',
'price': 50,
},
{
'dishName': 'Mutton Kadhai',
'price': 50,
},
]
},
]
},
{
'index': 2,
'restaurantName': 'Smart open pick cake shop',
'foodCategory': 'Cake Shop',
'restReview': 1,
'restImage': 'assets/images/Restaurant4.png',
'distanceFromLocation': 10,
'restStatus': 'closed',
'offer': 'Get 5% discount',
'menuCategories': [
{
'categoryName': 'CAKE HALF Kg',
'dishes': [
{
'dishName': 'Black Forest',
'price': 300,
},
{
'dishName': 'Pineapple half kg',
'price': 50,
},
{
'dishName': 'Lichi half kg',
'price': 35,
},
{
'dishName': 'choco chips half kg',
'price': 50,
},
]
},
{
'categoryName': 'CAKE 1 KG',
'dishes': [
{
'dishName': 'Butterscotch',
'price': 5,
},
{
'dishName': 'Rose falooda',
'price': 50,
},
{
'dishName': 'White forest ovenpick',
'price': 35,
},
{
'dishName': 'Mix Fruit',
'price': 50,
},
]
},
]
},
{
'index': 3,
'restaurantName': 'Mitarth Chinese',
'foodCategory': 'Chinese corner',
'restReview': 3,
'restImage': 'assets/images/Restaurant5.png',
'distanceFromLocation': 20,
'restStatus': 'open',
},
{
'index': 4,
'restaurantName': 'Selfie Chat',
'foodCategory': 'Paani Puri & more',
'restReview': 2,
'restImage': 'assets/images/Restaurant6.png',
'distanceFromLocation': 40,
'restStatus': 'open',
},
{
'index': 5,
'restaurantName': 'Gareeb Nawaj Biryani',
'foodCategory': 'Caterers Biryani',
'restReview': 5,
'restImage': 'assets/images/Restaurant7.png',
'distanceFromLocation': 40,
'restStatus': 'open',
},
{
'index': 6,
'restaurantName': 'Prem Sweets',
'foodCategory': 'Sweets shop',
'restReview': 1,
'restImage': 'assets/images/Restaurant8.png',
'distanceFromLocation': 40,
'restStatus': 'closed',
'offer': 'Get 5% discount',
}
]
};
}
void main() {
for (int i = 0; i < (Jsons.hotelListJson['hotelData']!.length); i++) {
var currObj = Jsons.hotelListJson['hotelData']![i];
if (currObj.containsKey('menuCategories')) {
var currObjSubCategoryList =
currObj['menuCategories'] as List<Map<String, Object>>;
for (int j = 0; j < currObjSubCategoryList.length; j++) {
var listItem = currObjSubCategoryList[j];
var typeList = listItem['dishes']! as List<Map<String, Object>>;
for (int k = 0; k < typeList.length; k++) {
var temp = typeList[k];
var currDishName = temp['dishName'];
var currDishPrice = temp['price'];
print("Name: " +
currDishName.toString() +
"\n" +
" Price :" +
currDishPrice.toString());
}
}
}
}
}
解决方案2
0 2021-05-09 08:36:17
You shoulkd use the primitive Object.entries and Object.keys everytime you want to examine a node.每次要检查节点时，都应该使用原语 Object.entries 和 Object.keys。
I'll leave a short example here:我将在这里留下一个简短的例子：
const hotelListJSON = { "myData": [ { 'index':0, 'name':'abc', 'category':'ab', 'review':5, 'subCategory': [ { 'catName': 'ab1', 'type': [ { 'typeName':'t1', 'price':50, }, { 'typeName':'t2', 'price':50, }, { 'typeName':'t3', 'price':50, }, ] } ] }, { 'index':1, 'name':'abc1', 'category':'dc', 'review':5, 'subCategory': [ { 'catName': 'dc1', 'type': [ { 'typeName':'dc', 'price':50, }, { 'typeName':'dc', 'price':50, }, { 'typeName':'dc', 'price':50, }, ] } ] }, ] }; }; Object.keys(hotelListJSON).forEach((elem)=>{ //here you have your first node console.log(elem); Object.keys(elem).forEach((elem2)=>{ //here you have any object that is a nested object with its containing, if it is a simble element you just get the value console.log(elem2); )} })
With this script you can go as deep as you want.使用此脚本，您可以随心所欲地使用 go。
Tell me if you encounter any problem.如果您遇到任何问题，请告诉我。
Have a nice day.祝你今天过得愉快。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何遍历JSON对象中的嵌套数组（Rails） - How to iterate through a nested array in a JSON object (Rails)
遍历嵌套的 json 对象数组 - Iterate through nested json object array
使用嵌套数组Javascript遍历Json Object - Iterate through Json Object with nested Array Javascript
如何使用python遍历此嵌套json数组 - How to iterate through this nested json array with python
遍历嵌套的JSON对象 - Iterate through nested JSON object
如何通过AngularJS迭代JSON对象数组 - How to iterate array of JSON object through AngularJS
迭代渲染中的嵌套json对象数组（ReactJS） - Iterate through a nested json object array in the render (ReactJS)
遍历嵌套的JSON对象数组并访问内部令牌值 - Iterate through nested JSON object array and access inner token value
如何遍历json对象的嵌套属性并创建新的数组列表？ - How do I iterate through nested properties of an json object and create a new array list?
遍历带有嵌套数组的JSON对象 - Iterate through a JSON Object with nested arrays
相关标签