遍历 QuranGlobal JSON 响应

Question

I have a difficulty iterating over the JSON response from QuranGlobal.com the response is coming too nested with a lot of objects and documentations are very complicated specially it's my first app so I am not that much expert

I did try a lot of things and nothing helps while other apis is not matching what in my mind one more question: after iterating how to dsiplay on the screen to be like pages not lists shall I use FaltList or something else

if anybody can give me help

Thank you in advance

{
    "quran": {
        "quran-simple": {
            "6222": {
                "id": 6222,
                "surah": 112,
                "ayah": 1,
                "verse": " قُلْ هُوَ اللَّهُ أَحَدٌ"
            },
            "6223": {
                "id": 6223,
                "surah": 112,
                "ayah": 2,
                "verse": "اللَّهُ الصَّمَدُ"
            },
            "6224": {
                "id": 6224,
                "surah": 112,
                "ayah": 3,
                "verse": "لَمْ يَلِدْ وَلَمْ يُولَدْ"
            },
            "6225": {
                "id": 6225,
                "surah": 112,
                "ayah": 4,
                "verse": "وَلَمْ يَكُنْ لَهُ كُفُوًا أَحَدٌ"
            },
            "6226": {
                "id": 6226,
                "surah": 113,
                "ayah": 1,
                "verse": " قُلْ أَعُوذُ بِرَبِّ الْفَلَقِ"
            },
            "6227": {
                "id": 6227,
                "surah": 113,
                "ayah": 2,
                "verse": "مِنْ شَرِّ مَا خَلَقَ"
            },
            "6228": {
                "id": 6228,
                "surah": 113,
                "ayah": 3,
                "verse": "وَمِنْ شَرِّ غَاسِقٍ إِذَا وَقَبَ"
            },
            "6229": {
                "id": 6229,
                "surah": 113,
                "ayah": 4,
                "verse": "وَمِنْ شَرِّ النَّفَّاثَاتِ فِي الْعُقَدِ"
            },
            "6230": {
                "id": 6230,
                "surah": 113,
                "ayah": 5,
                "verse": "وَمِنْ شَرِّ حَاسِدٍ إِذَا حَسَدَ"
            },
            "6231": {
                "id": 6231,
                "surah": 114,
                "ayah": 1,
                "verse": " قُلْ أَعُوذُ بِرَبِّ النَّاسِ"
            },
            "6232": {
                "id": 6232,
                "surah": 114,
                "ayah": 2,
                "verse": "مَلِكِ النَّاسِ"
            },
            "6233": {
                "id": 6233,
                "surah": 114,
                "ayah": 3,
                "verse": "إِلَٰهِ النَّاسِ"
            },
            "6234": {
                "id": 6234,
                "surah": 114,
                "ayah": 4,
                "verse": "مِنْ شَرِّ الْوَسْوَاسِ الْخَنَّاسِ"
            },
            "6235": {
                "id": 6235,
                "surah": 114,
                "ayah": 5,
                "verse": "الَّذِي يُوَسْوِسُ فِي صُدُورِ النَّاسِ"
            },
            "6236": {
                "id": 6236,
                "surah": 114,
                "ayah": 6,
                "verse": "مِنَ الْجِنَّةِ وَالنَّاسِ"
            }
        }
    }
}

Answer 1

Try this:

const firstAyah = 6222, lastAyah = 6236
const resp = `your json response`
for(let i = firstAyah, i <= lastAyah; i++)
    console.log(`Surah: ${resp.quran['quran-simple'][i].surah} Ayah number: ${resp.quran.['quran-simple'][i].ayah}, Ayah: ${resp.quran.['quran-simple'][i].verse}`)

If you encounter any problem, please let me know