0

I have created a json and I have to display it on a server by looping. I have a some building data under that building there are some floors under that there are some houses under that some rooms and under that some beds. I have to display it on web page using looping.

{
    "property_data": [{
            "building_id": "b001",
            "building_title": "B1",
            "building_project": "A",
            "building_address": "Beside Fathima School, Keshwapur",
            "building_stats": {
                "floors": 7,
                "house": 35,
                "rooms": 85,
                "beds": 155
            },
            "floors": [{
                    "floors_id": "b1-f1",
                    "floors_title": "Floor I",
                    "parent_id": "building_id",
                    "floor_stats": {
                        "house": 5,
                        "rooms": 20,
                        "beds": 40
                    },
                    "houses": [{
                            "house_id": "b1-f1-h1",
                            "house_name": "H1",
                            "house_photos": [],
                            "parent_id": "property_group_id",
                            "house_stats": {
                                "rooms": 4,
                                "beds": 7
                            },
                            "rooms": [{
                                    "room_id": "b1-f1-h1-r1",
                                    "room_no": "R1",
                                    "parent_id": "house_id",
                                    "room_photos": [],
                                    "room_stats": {
                                        "beds": 2
                                    },
                                    "beds": [{
                                            "bed_id": "b1-f1-h1-r1-b1",
                                            "bed_name": "B1"
                                        },
                                        {
                                            "bed_id": "b1-f1-h1-r1-b2",
                                            "bed_name": "B2"
                                        }]
                                },
                                {
                                    "room_id": "b1-f1-h1-r2",
                                    "room_name": "R2",
                                    "bed": []
                                }]
                        },
                        {
                            "house_id": "b1-f1-h2",
                            "house_name": "H2",
                            "room": []
                        }
                    ]
                },
                {
                    "floors_id": "b1-f2",
                    "floors_title": "Floor II",
                    "parent_id": "building_id",
                    "floor_stats": {
                        "house": 5,
                        "rooms": 20,
                        "beds": 40
                    },
                    "houses": [{
                            "house_id": "b1-f2-h1",
                            "house_name": "H1",
                            "house_photos": [],
                            "parent_id": "property_group_id",
                            "house_stats": {
                                "rooms": 4,
                                "beds": 7
                            },
                            "rooms": [{
                                    "room_id": "b1-f2-h1-r1",
                                    "room_no": "R1",
                                    "parent_id": "house_id",
                                    "room_photos": [],
                                    "room_stats": {
                                        "beds": 2
                                    },
                                    "beds": [{
                                            "bed_id": "b1-f2-h1-r1-b1",
                                            "bed_name": "B1"
                                        },
                                        {
                                            "bed_id": "b1-f2-h1-r1-b2",
                                            "bed_name": "B2"
                                        }]
                                },
                                {
                                    "room_id": "b1-f2-h1-r2",
                                    "room_name": "R2",
                                    "bed": []
                                }]
                        },
                        {
                            "house_id": "b1-f2-h2",
                            "house_name": "H2",
                            "room": []
                        }
                    ]
                }
            ]
        },
        {
            "building_id": "b002",
            "building_title": "B2",
            "building_project": "Shanders Properties",
            "building_address": "Beside Airport, Gokul Road ",
            "building_stats": {
                "floors": 5,
                "house": 33,
                "rooms": 75,
                "beds": 145
            },
            "floors": [{
                    "floors_id": "b2-f1",
                    "floors_title": "Floor I",
                    "parent_id": "building_id",
                    "floor_stats": {
                        "house": 5,
                        "rooms": 20,
                        "beds": 40
                    },
                    "houses": [{
                            "house_id": "b2-f1-h1",
                            "house_name": "H1",
                            "house_photos": [],
                            "parent_id": "property_group_id",
                            "house_stats": {
                                "rooms": 4,
                                "beds": 7
                            },
                            "rooms": [{
                                    "room_id": "b2-f1-h1-r1",
                                    "room_no": "R1",
                                    "parent_id": "house_id",
                                    "room_photos": [],
                                    "room_stats": {
                                        "beds": 2
                                    },
                                    "beds": [{
                                            "bed_id": "b2-f1-h1-r1-b1",
                                            "bed_name": "B1"
                                        },
                                        {
                                            "bed_id": "b2-f1-h1-r1-b2",
                                            "bed_name": "B2"
                                        }]
                                },
                                {
                                    "room_id": "b2-f1-h1-r2",
                                    "room_name": "R2",
                                    "bed": []
                                }]
                        },
                        {
                            "house_id": "b2-f1-h2",
                            "house_name": "H2",
                            "room": []
                        }
                    ]
                },
                {
                    "floors_id": "b2-f2",
                    "floors_title": "Floor II",
                    "parent_id": "building_id",
                    "floor_stats": {
                        "house": 5,
                        "rooms": 20,
                        "beds": 40
                    },
                    "houses": [{
                            "house_id": "b2-f2-h1",
                            "house_name": "H1",
                            "house_photos": [],
                            "parent_id": "property_group_id",
                            "house_stats": {
                                "rooms": 4,
                                "beds": 7
                            },
                            "rooms": [{
                                    "room_id": "b2-f2-h1-r1",
                                    "room_no": "R1",
                                    "parent_id": "house_id",
                                    "room_photos": [],
                                    "room_stats": {
                                        "beds": 2
                                    },
                                    "beds": [{
                                            "bed_id": "b2-f2-h1-r1-b1",
                                            "bed_name": "B1"
                                        },
                                        {
                                            "bed_id": "b2-f2-h1-r1-b2",
                                            "bed_name": "B2"
                                        }]
                                },
                                {
                                    "room_id": "b2-f2-h1-r2",
                                    "room_name": "R2",
                                    "bed": []
                                }]
                        },
                        {
                            "house_id": "b2-f2-h2",
                            "house_name": "H2",
                            "room": []
                        }
                    ]
                }

            ]
        }
    ]
}
Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
  • 1
    This Stackoverflow may help you soft the problem http://stackoverflow.com/questions/2958841/how-to-loop-a-key-value-object-in-javascript – Felix Fong Sep 17 '16 at 07:19

1 Answers1

0

I hope you are able to apply loop after edit by @mwisnicki. Any way for proper structure of JSON Try http://jsonviewer.stack.hu/ Here you can view JSON Data.

For Array Object [], Check length and Loop limit to [] legnth. For {}, directly get value of that object using its name

OyeHarish
  • 320
  • 2
  • 8