{"id":1918,"date":"2024-03-26T15:58:00","date_gmt":"2024-03-26T14:58:00","guid":{"rendered":"https:\/\/codeflarelimited.com\/blog\/?p=1918"},"modified":"2024-03-28T11:24:07","modified_gmt":"2024-03-28T10:24:07","slug":"loop-through-javascript-array-of-objects-and-display-the-data-in-html-table","status":"publish","type":"post","link":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/","title":{"rendered":"Loop through JavaScript Array of Objects and Display the data in HTML Table"},"content":{"rendered":"\n

Hello software devs!<\/p>\n\n\n\n

Today we are going to do a simple JavaScript exercise. We are going to loop through an array of objects and display the result in a HTML table. We are going to use an array of Nigerian states, capitals, local government areas, longitude, latitude and display select data on the table.<\/p>\n\n\n\n

Here’s the data:<\/p>\n\n\n\n

const states = [\n{\n\"code\": \"FC\",\n\"name\": \"Abuja\",\n\"capital\": \"\",\n\"lat\": \"8.831122799397733\",\n\"long\":\"7.172467300000001\",\n\"lgas\": [\n\"Abuja\",\n\"Kwali\",\n\"Kuje\",\n\"Gwagwalada\",\n\"Bwari\",\n\"Abaji\"\n]\n},\n{\n\"code\": \"AB\",\n\"name\": \"Abia\",\n\"capital\": \"Umuahia\",\n\"lat\": \"5.45409529947607\",\n\"long\":\"7.5153071\",\n\"lgas\": [\n\"Aba North\",\n\"Aba South\",\n\"Arochukwu\",\n\"Bende\",\n\"Ikawuno\",\n\"Ikwuano\",\n\"Isiala-Ngwa North\",\n\"Isiala-Ngwa South\",\n\"Isuikwuato\",\n\"Umu Nneochi\",\n\"Obi Ngwa\",\n\"Obioma Ngwa\",\n\"Ohafia\",\n\"Ohaozara\",\n\"Osisioma\",\n\"Ugwunagbo\",\n\"Ukwa West\",\n\"Ukwa East\",\n\"Umuahia North\",\n\"Umuahia South\"\n]\n},\n{\n\"code\": \"AD\",\n\"name\": \"Adamawa\",\n\"capital\": \"Yola\",\n\"lat\": \"9.512977199417053\",\n\"long\":\"12.388188699999999\",\n\"lgas\": [\n\"Demsa\",\n\"Fufore\",\n\"Ganye\",\n\"Girei\",\n\"Gombi\",\n\"Guyuk\",\n\"Hong\",\n\"Jada\",\n\"Lamurde\",\n\"Madagali\",\n\"Maiha\",\n\"Mayo-Belwa\",\n\"Michika\",\n\"Mubi-North\",\n\"Mubi-South\",\n\"Numan\",\n\"Shelleng\",\n\"Song\",\n\"Toungo\",\n\"Yola North\",\n\"Yola South\"\n]\n},\n{\n\"code\": \"AK\",\n\"name\": \"AkwaIbom\",\n\"capital\": \"Uyo\",\n\"lat\": \"4.940863799511036\",\n\"long\":\"7.8412267\",\n\"lgas\": [\n\"Abak\",\n\"Eastern-Obolo\",\n\"Eket\",\n\"Esit-Eket\",\n\"Essien-Udim\",\n\"Etim-Ekpo\",\n\"Etinan\",\n\"Ibeno\",\n\"Ibesikpo-Asutan\",\n\"Ibiono-Ibom\",\n\"Ika\",\n\"Ikono\",\n\"Ikot-Abasi\",\n\"Ikot-Ekpene\",\n\"Ini\",\n\"Itu\",\n\"Mbo\",\n\"Mkpat-Enin\",\n\"Nsit-Atai\",\n\"Nsit-Ibom\",\n\"Nsit-Ubium\",\n\"Obot-Akara\",\n\"Okobo\",\n\"Onna\",\n\"Oron\",\n\"Oruk Anam\",\n\"Udung-Uko\",\n\"Ukanafun\",\n\"Urue-Offong\/Oruko\",\n\"Uruan\",\n\"Uyo\"\n]\n},\n{\n\"code\": \"AN\",\n\"name\": \"Anambra\",\n\"capital\": \"Awka\",\n\"lat\": \"6.2183135994341985\",\n\"long\":\"6.9531842\",\n\"lgas\": [\n\"Aguata\",\n\"Anambra East\",\n\"Anambra West\",\n\"Anaocha\",\n\"Awka North\",\n\"Awka South\",\n\"Ayamelum\",\n\"Dunukofia\",\n\"Ekwusigo\",\n\"Idemili-North\",\n\"Idemili-South\",\n\"Ihiala\",\n\"Njikoka\",\n\"Nnewi-North\",\n\"Nnewi-South\",\n\"Ogbaru\",\n\"Onitsha-North\",\n\"Onitsha-South\",\n\"Orumba-North\",\n\"Orumba-South\"\n]\n},\n{\n\"code\": \"BA\",\n\"name\": \"Bauchi\",\n\"capital\": \"Bauchi\",\n\"lat\": \"10.622828399473097\",\n\"long\":\"10.028775399999999\",\n\"lgas\": [\n\"Alkaleri\",\n\"Bauchi\",\n\"Bogoro\",\n\"Damban\",\n\"Darazo\",\n\"Dass\",\n\"Gamawa\",\n\"Ganjuwa\",\n\"Giade\",\n\"Itas Gadau\",\n\"Jama'Are\",\n\"Katagum\",\n\"Kirfi\",\n\"Misau\",\n\"Ningi\",\n\"Shira\",\n\"Tafawa-Balewa\",\n\"Toro\",\n\"Warji\",\n\"Zaki\"\n]\n},\n{\n\"code\": \"BY\",\n\"name\": \"Bayelsa\",\n\"capital\": \"Yenagoa\",\n\"lat\": \"4.762978599524332\",\n\"long\":\"6.028898\",\n\"lgas\": [\n\"Brass\",\n\"Ekeremor\",\n\"Kolokuma Opokuma\",\n\"Nembe\",\n\"Ogbia\",\n\"Sagbama\",\n\"Southern-Ijaw\",\n\"Yenagoa\"\n]\n},\n{\n\"code\": \"BE\",\n\"name\": \"Benue\",\n\"capital\": \"Makurdi\",\n\"lat\": \"7.35057469939717\",\n\"long\":\"8.777287699999999\",\n\"lgas\": [\n\"Ado\",\n\"Agatu\",\n\"Apa\",\n\"Buruku\",\n\"Gboko\",\n\"Guma\",\n\"Gwer-East\",\n\"Gwer-West\",\n\"Katsina-Ala\",\n\"Konshisha\",\n\"Kwande\",\n\"Logo\",\n\"Makurdi\",\n\"Ogbadibo\",\n\"Ohimini\",\n\"Oju\",\n\"Okpokwu\",\n\"Otukpo\",\n\"Tarka\",\n\"Ukum\",\n\"Ushongo\",\n\"Vandeikya\"\n]\n},\n{\n\"code\": \"BO\",\n\"name\": \"Borno\",\n\"capital\": \"Maiduguri\",\n\"lat\": \"12.18753919959776\",\n\"long\":\"13.308003399999999\",\n\"lgas\": [\n\"Abadam\",\n\"Askira-Uba\",\n\"Bama\",\n\"Bayo\",\n\"Biu\",\n\"Chibok\",\n\"Damboa\",\n\"Dikwa\",\n\"Gubio\",\n\"Guzamala\",\n\"Gwoza\",\n\"Hawul\",\n\"Jere\",\n\"Kaga\",\n\"Kala Balge\",\n\"Konduga\",\n\"Kukawa\",\n\"Kwaya-Kusar\",\n\"Mafa\",\n\"Magumeri\",\n\"Maiduguri\",\n\"Marte\",\n\"Mobbar\",\n\"Monguno\",\n\"Ngala\",\n\"Nganzai\",\n\"Shani\"\n]\n},\n{\n\"code\": \"CR\",\n\"name\": \"CrossRiver\",\n\"capital\": \"Calabar\",\n\"lat\": \"5.867196599451846\",\n\"long\":\"8.5204774\",\n\"lgas\": [\n\"Abi\",\n\"Akamkpa\",\n\"Akpabuyo\",\n\"Bakassi\",\n\"Bekwarra\",\n\"Biase\",\n\"Boki\",\n\"Calabar-Municipal\",\n\"Calabar-South\",\n\"Etung\",\n\"Ikom\",\n\"Obanliku\",\n\"Obubra\",\n\"Obudu\",\n\"Odukpani\",\n\"Ogoja\",\n\"Yakurr\",\n\"Yala\"\n]\n},\n{\n\"code\": \"DE\",\n\"name\": \"Delta\",\n\"capital\": \"Asaba\",\n\"lat\": \"5.527306099471514\",\n\"long\":\"6.178416699999999\",\n\"lgas\": [\n\"Aniocha North\",\n\"Aniocha-North\",\n\"Aniocha-South\",\n\"Bomadi\",\n\"Burutu\",\n\"Ethiope-East\",\n\"Ethiope-West\",\n\"Ika-North-East\",\n\"Ika-South\",\n\"Isoko-North\",\n\"Isoko-South\",\n\"Ndokwa-East\",\n\"Ndokwa-West\",\n\"Okpe\",\n\"Oshimili-North\",\n\"Oshimili-South\",\n\"Patani\",\n\"Sapele\",\n\"Udu\",\n\"Ughelli-North\",\n\"Ughelli-South\",\n\"Ukwuani\",\n\"Uvwie\",\n\"Warri South-West\",\n\"Warri North\",\n\"Warri South\"\n]\n},\n{\n\"code\": \"EB\",\n\"name\": \"Ebonyi\",\n\"capital\": \"Abakaliki\",\n\"lat\": \"6.199691799435065\",\n\"long\":\"8.0348906\",\n\"lgas\": [\n\"Abakaliki\",\n\"Afikpo-North\",\n\"Afikpo South (Edda)\",\n\"Ebonyi\",\n\"Ezza-North\",\n\"Ezza-South\",\n\"Ikwo\",\n\"Ishielu\",\n\"Ivo\",\n\"Izzi\",\n\"Ohaukwu\",\n\"Onicha\"\n]\n},\n{\n\"code\": \"ED\",\n\"name\": \"Edo\",\n\"capital\": \"Benin City\",\n\"lat\": \"6.607657499417959\",\n\"long\":\"5.9722713\",\n\"lgas\": [\n\"Akoko Edo\",\n\"Egor\",\n\"Esan-Central\",\n\"Esan-North-East\",\n\"Esan-South-East\",\n\"Esan-West\",\n\"Etsako-Central\",\n\"Etsako-East\",\n\"Etsako-West\",\n\"Igueben\",\n\"Ikpoba-Okha\",\n\"Oredo\",\n\"Orhionmwon\",\n\"Ovia-North-East\",\n\"Ovia-South-West\",\n\"Owan East\",\n\"Owan-West\",\n\"Uhunmwonde\"\n]\n},\n{\n\"code\": \"EK\",\n\"name\": \"Ekiti\",\n\"capital\": \"Ado-Ekiti\",\n\"lat\": \"7.736890999391845\",\n\"long\":\"5.2738326\",\n\"lgas\": [\n\"Ado-Ekiti\",\n\"Efon\",\n\"Ekiti-East\",\n\"Ekiti-South-West\",\n\"Ekiti-West\",\n\"Emure\",\n\"Gbonyin\",\n\"Ido-Osi\",\n\"Ijero\",\n\"Ikere\",\n\"Ikole\",\n\"Ilejemeje\",\n\"Irepodun Ifelodun\",\n\"Ise-Orun\",\n\"Moba\",\n\"Oye\"\n]\n},\n{\n\"code\": \"EN\",\n\"name\": \"Enugu\",\n\"capital\": \"Enugu\",\n\"lat\": \"6.553609399419997\",\n\"long\":\"7.4143061\",\n\"lgas\": [\n\"Aninri\",\n\"Awgu\",\n\"Enugu-East\",\n\"Enugu-North\",\n\"Enugu-South\",\n\"Ezeagu\",\n\"Igbo-Etiti\",\n\"Igbo-Eze-North\",\n\"Igbo-Eze-South\",\n\"Isi-Uzo\",\n\"Nkanu-East\",\n\"Nkanu-West\",\n\"Nsukka\",\n\"Oji-River\",\n\"Udenu\",\n\"Udi\",\n\"Uzo-Uwani\"\n]\n},\n{\n\"code\": \"GO\",\n\"name\": \"Gombe\",\n\"capital\": \"Gombe\",\n\"lat\": \"10.383009999458512\",\n\"long\":\"11.206567\",\n\"lgas\": [\n\"Akko\",\n\"Balanga\",\n\"Billiri\",\n\"Dukku\",\n\"Funakaye\",\n\"Gombe\",\n\"Kaltungo\",\n\"Kwami\",\n\"Nafada\",\n\"Shongom\",\n\"Yamaltu Deba\"\n]\n},\n{\n\"code\": \"IM\",\n\"name\": \"Imo\",\n\"capital\": \"Owerri\",\n\"lat\": \"5.585945599467946\",\n\"long\":\"7.0669651\",\n\"lgas\": [\n\"Aboh-Mbaise\",\n\"Ahiazu-Mbaise\",\n\"Ehime-Mbano\",\n\"Ezinihitte\",\n\"Ideato-North\",\n\"Ideato-South\",\n\"Ihitte Uboma\",\n\"Ikeduru\",\n\"Isiala-Mbano\",\n\"Isu\",\n\"Mbaitoli\",\n\"Ngor-Okpala\",\n\"Njaba\",\n\"Nkwerre\",\n\"Nwangele\",\n\"Obowo\",\n\"Oguta\",\n\"Ohaji-Egbema\",\n\"Okigwe\",\n\"Onuimo\",\n\"Orlu\",\n\"Orsu\",\n\"Oru-East\",\n\"Oru-West\",\n\"Owerri-Municipal\",\n\"Owerri-North\",\n\"Owerri-West\"\n]\n},\n{\n\"code\": \"JI\",\n\"name\": \"Jigawa\",\n\"capital\": \"Dutse\",\n\"lat\": \"12.325236199610885\",\n\"long\":\"9.510329599999999\",\n\"lgas\": [\n\"Auyo\",\n\"Babura\",\n\"Biriniwa\",\n\"Birnin-Kudu\",\n\"Buji\",\n\"Dutse\",\n\"Gagarawa\",\n\"Garki\",\n\"Gumel\",\n\"Guri\",\n\"Gwaram\",\n\"Gwiwa\",\n\"Hadejia\",\n\"Jahun\",\n\"Kafin-Hausa\",\n\"Kaugama\",\n\"Kazaure\",\n\"Kiri kasama\",\n\"Maigatari\",\n\"Malam Madori\",\n\"Miga\",\n\"Ringim\",\n\"Roni\",\n\"Sule-Tankarkar\",\n\"Taura\",\n\"Yankwashi\"\n]\n},\n{\n\"code\": \"KD\",\n\"name\": \"Kaduna\",\n\"capital\": \"Kaduna\",\n\"lat\": \"10.382531799458487\",\n\"long\":\"7.853322600000001\",\n\"lgas\": [\n\"Birnin-Gwari\",\n\"Chikun\",\n\"Giwa\",\n\"Igabi\",\n\"Ikara\",\n\"Jaba\",\n\"Jema'A\",\n\"Kachia\",\n\"Kaduna-North\",\n\"Kaduna-South\",\n\"Kagarko\",\n\"Kajuru\",\n\"Kaura\",\n\"Kauru\",\n\"Kubau\",\n\"Kudan\",\n\"Lere\",\n\"Makarfi\",\n\"Sabon-Gari\",\n\"Sanga\",\n\"Soba\",\n\"Zangon-Kataf\",\n\"Zaria\"\n]\n},\n{\n\"code\": \"KN\",\n\"name\": \"Kano\",\n\"capital\": \"Kano\",\n\"lat\": \"11.894838899570903\",\n\"long\":\"8.5364136\",\n\"lgas\": [\n\"Ajingi\",\n\"Albasu\",\n\"Bagwai\",\n\"Bebeji\",\n\"Bichi\",\n\"Bunkure\",\n\"Dala\",\n\"Dambatta\",\n\"Dawakin-Kudu\",\n\"Dawakin-Tofa\",\n\"Doguwa\",\n\"Fagge\",\n\"Gabasawa\",\n\"Garko\",\n\"Garun-Mallam\",\n\"Gaya\",\n\"Gezawa\",\n\"Gwale\",\n\"Gwarzo\",\n\"Kabo\",\n\"Kano-Municipal\",\n\"Karaye\",\n\"Kibiya\",\n\"Kiru\",\n\"Kumbotso\",\n\"Kunchi\",\n\"Kura\",\n\"Madobi\",\n\"Makoda\",\n\"Minjibir\",\n\"Nasarawa\",\n\"Rano\",\n\"Rimin-Gado\",\n\"Rogo\",\n\"Shanono\",\n\"Sumaila\",\n\"Takai\",\n\"Tarauni\",\n\"Tofa\",\n\"Tsanyawa\",\n\"Tudun-Wada\",\n\"Ungogo\",\n\"Warawa\",\n\"Wudil\"\n]\n},\n{\n\"code\": \"KT\",\n\"name\": \"Katsina\",\n\"capital\": \"Kastina\",\n\"lat\": \"12.563082499634245\",\n\"long\":\"7.6207063\",\n\"lgas\": [\n\"Bakori\",\n\"Batagarawa\",\n\"Batsari\",\n\"Baure\",\n\"Bindawa\",\n\"Charanchi\",\n\"Dan-Musa\",\n\"Dandume\",\n\"Danja\",\n\"Daura\",\n\"Dutsi\",\n\"Dutsin-Ma\",\n\"Faskari\",\n\"Funtua\",\n\"Ingawa\",\n\"Jibia\",\n\"Kafur\",\n\"Kaita\",\n\"Kankara\",\n\"Kankia\",\n\"Katsina\",\n\"Kurfi\",\n\"Kusada\",\n\"Mai-Adua\",\n\"Malumfashi\",\n\"Mani\",\n\"Mashi\",\n\"Matazu\",\n\"Musawa\",\n\"Rimi\",\n\"Sabuwa\",\n\"Safana\",\n\"Sandamu\",\n\"Zango\"\n]\n},\n{\n\"code\": \"KE\",\n\"name\": \"Kebbi\",\n\"capital\": \"Birnin-Kebbi\",\n\"lat\": \"11.416757399530335\",\n\"long\":\"4.107454499999999\",\n\"lgas\": [\n\"Aleiro\",\n\"Arewa-Dandi\",\n\"Argungu\",\n\"Augie\",\n\"Bagudo\",\n\"Birnin-Kebbi\",\n\"Bunza\",\n\"Dandi\",\n\"Fakai\",\n\"Gwandu\",\n\"Jega\",\n\"Kalgo\",\n\"Koko-Besse\",\n\"Maiyama\",\n\"Ngaski\",\n\"Sakaba\",\n\"Shanga\",\n\"Suru\",\n\"Wasagu\/Danko\",\n\"Yauri\",\n\"Zuru\"\n]\n},\n{\n\"code\": \"KO\",\n\"name\": \"Kogi\",\n\"capital\": \"Lokoja\",\n\"lat\": \"7.79496019939138\",\n\"long\":\"6.686866899999999\",\n\"lgas\": [\n\"Adavi\",\n\"Ajaokuta\",\n\"Ankpa\",\n\"Dekina\",\n\"Ibaji\",\n\"Idah\",\n\"Igalamela-Odolu\",\n\"Ijumu\",\n\"Kabba Bunu\",\n\"Kogi\",\n\"Lokoja\",\n\"Mopa-Muro\",\n\"Ofu\",\n\"Ogori Magongo\",\n\"Okehi\",\n\"Okene\",\n\"Olamaboro\",\n\"Omala\",\n\"Oyi\",\n\"Yagba-East\",\n\"Yagba-West\"\n]\n},\n{\n\"code\": \"KW\",\n\"name\": \"Kwara\",\n\"capital\": \"Ilorin\",\n\"lat\": \"8.836789099397848\",\n\"long\":\"4.668848699999999\",\n\"lgas\": [\n\"Asa\",\n\"Baruten\",\n\"Edu\",\n\"Ekiti (Araromi\/Opin)\",\n\"Ilorin-East\",\n\"Ilorin-South\",\n\"Ilorin-West\",\n\"Isin\",\n\"Kaiama\",\n\"Moro\",\n\"Offa\",\n\"Oke-Ero\",\n\"Oyun\",\n\"Pategi\"\n]\n},\n{\n\"code\": \"LA\",\n\"name\": \"Lagos\",\n\"capital\": \"Ikeja\",\n\"lat\": \"6.526903299421034\",\n\"long\":\"3.5774005\",\n\"lgas\": [\n\"Agege\",\n\"Ajeromi-Ifelodun\",\n\"Alimosho\",\n\"Amuwo-Odofin\",\n\"Apapa\",\n\"Badagry\",\n\"Epe\",\n\"Eti-Osa\",\n\"Ibeju-Lekki\",\n\"Ifako-Ijaiye\",\n\"Ikeja\",\n\"Ikorodu\",\n\"Kosofe\",\n\"Lagos-Island\",\n\"Lagos-Mainland\",\n\"Mushin\",\n\"Ojo\",\n\"Oshodi-Isolo\",\n\"Shomolu\",\n\"Surulere\",\n\"Yewa-South\"\n]\n},\n{\n\"code\": \"NA\",\n\"name\": \"Nassarawa\",\n\"capital\": \"Lafia\",\n\"lat\": \"8.438786799392046\",\n\"long\":\"8.238284899999998\",\n\"lgas\": [\n\"Akwanga\",\n\"Awe\",\n\"Doma\",\n\"Karu\",\n\"Keana\",\n\"Keffi\",\n\"Kokona\",\n\"Lafia\",\n\"Nasarawa\",\n\"Nasarawa-Eggon\",\n\"Obi\",\n\"Wamba\",\n\"Toto\"\n]\n},\n{\n\"code\": \"NI\",\n\"name\": \"Niger\",\n\"capital\": \"Minna\",\n\"lat\": \"9.932608299434758\",\n\"long\":\"5.651108799999999\",\n\"lgas\": [\n\"Agaie\",\n\"Agwara\",\n\"Bida\",\n\"Borgu\",\n\"Bosso\",\n\"Chanchaga\",\n\"Edati\",\n\"Gbako\",\n\"Gurara\",\n\"Katcha\",\n\"Kontagora\",\n\"Lapai\",\n\"Lavun\",\n\"Magama\",\n\"Mariga\",\n\"Mashegu\",\n\"Mokwa\",\n\"Moya\",\n\"Paikoro\",\n\"Rafi\",\n\"Rijau\",\n\"Shiroro\",\n\"Suleja\",\n\"Tafa\",\n\"Wushishi\"\n]\n},\n{\n\"code\": \"OG\",\n\"name\": \"Ogun\",\n\"capital\": \"Abeokuta\",\n\"lat\": \"6.978858199405861\",\n\"long\":\"3.4389293\",\n\"lgas\": [\n\"Abeokuta-North\",\n\"Abeokuta-South\",\n\"Ado-Odo Ota\",\n\"Ewekoro\",\n\"Ifo\",\n\"Ijebu-East\",\n\"Ijebu-North\",\n\"Ijebu-North-East\",\n\"Ijebu-Ode\",\n\"Ikenne\",\n\"Imeko-Afon\",\n\"Ipokia\",\n\"Obafemi-Owode\",\n\"Odeda\",\n\"Odogbolu\",\n\"Ogun-Waterside\",\n\"Remo-North\",\n\"Shagamu\",\n\"Yewa North\"\n]\n},\n{\n\"code\": \"ON\",\n\"name\": \"Ondo\",\n\"capital\": \"Akure\",\n\"lat\": \"7.0209685994047035\",\n\"long\":\"5.0567477\",\n\"lgas\": [\n\"Akoko North-East\",\n\"Akoko North-West\",\n\"Akoko South-West\",\n\"Akoko South-East\",\n\"Akure-North\",\n\"Akure-South\",\n\"Ese-Odo\",\n\"Idanre\",\n\"Ifedore\",\n\"Ilaje\",\n\"Ile-Oluji-Okeigbo\",\n\"Irele\",\n\"Odigbo\",\n\"Okitipupa\",\n\"Ondo West\",\n\"Ondo-East\",\n\"Ose\",\n\"Owo\"\n]\n},\n{\n\"code\": \"OS\",\n\"name\": \"Osun\",\n\"capital\": \"Osogbo\",\n\"lat\": \"7.548404699393967\",\n\"long\":\"4.497830700000001\",\n\"lgas\": [\n\"Atakumosa West\",\n\"Atakumosa East\",\n\"Ayedaade\",\n\"Ayedire\",\n\"Boluwaduro\",\n\"Boripe\",\n\"Ede South\",\n\"Ede North\",\n\"Egbedore\",\n\"Ejigbo\",\n\"Ife North\",\n\"Ife South\",\n\"Ife-Central\",\n\"Ife-East\",\n\"Ifelodun\",\n\"Ila\",\n\"Ilesa-East\",\n\"Ilesa-West\",\n\"Irepodun\",\n\"Irewole\",\n\"Isokan\",\n\"Iwo\",\n\"Obokun\",\n\"Odo-Otin\",\n\"Ola Oluwa\",\n\"Olorunda\",\n\"Oriade\",\n\"Orolu\",\n\"Osogbo\"\n]\n},\n{\n\"code\": \"OY\",\n\"name\": \"Oyo\",\n\"capital\": \"Ibadan\",\n\"lat\": \"8.215124899390593\",\n\"long\":\"3.5642896999999993\",\n\"lgas\": [\n\"Afijio\",\n\"Akinyele\",\n\"Atiba\",\n\"Atisbo\",\n\"Egbeda\",\n\"Ibadan North\",\n\"Ibadan North-East\",\n\"Ibadan North-West\",\n\"Ibadan South-East\",\n\"Ibadan South-West\",\n\"Ibarapa-Central\",\n\"Ibarapa-East\",\n\"Ibarapa-North\",\n\"Ido\",\n\"Ifedayo\",\n\"Irepo\",\n\"Iseyin\",\n\"Itesiwaju\",\n\"Iwajowa\",\n\"Kajola\",\n\"Lagelu\",\n\"Ogo-Oluwa\",\n\"Ogbomosho-North\",\n\"Ogbomosho-South\",\n\"Olorunsogo\",\n\"Oluyole\",\n\"Ona-Ara\",\n\"Orelope\",\n\"Ori-Ire\",\n\"Oyo-West\",\n\"Oyo-East\",\n\"Saki-East\",\n\"Saki-West\",\n\"Surulere\"\n]\n},\n{\n\"code\": \"PL\",\n\"name\": \"Plateau\",\n\"capital\": \"Jos\",\n\"lat\": \"9.058344599402849\",\n\"long\":\"9.6826289\",\n\"lgas\": [\n\"Barkin-Ladi\",\n\"Bassa\",\n\"Bokkos\",\n\"Jos-East\",\n\"Jos-North\",\n\"Jos-South\",\n\"Kanam\",\n\"Kanke\",\n\"Langtang-North\",\n\"Langtang-South\",\n\"Mangu\",\n\"Mikang\",\n\"Pankshin\",\n\"Qua'an Pan\",\n\"Riyom\",\n\"Shendam\",\n\"Wase\"\n]\n},\n{\n\"code\": \"RI\",\n\"name\": \"Rivers\",\n\"capital\": \"Port-Harcourt\",\n\"lat\": \"4.841602799518385\",\n\"long\":\"6.8604088\",\n\"lgas\": [\n\"Abua Odual\",\n\"Ahoada-East\",\n\"Ahoada-West\",\n\"Akuku Toru\",\n\"Andoni\",\n\"Asari-Toru\",\n\"Bonny\",\n\"Degema\",\n\"Eleme\",\n\"Emuoha\",\n\"Etche\",\n\"Gokana\",\n\"Ikwerre\",\n\"Khana\",\n\"Obio Akpor\",\n\"Ogba-Egbema-Ndoni\",\n\"Ogba Egbema Ndoni\",\n\"Ogu Bolo\",\n\"Okrika\",\n\"Omuma\",\n\"Opobo Nkoro\",\n\"Oyigbo\",\n\"Port-Harcourt\",\n\"Tai\"\n]\n},\n{\n\"code\": \"SO\",\n\"name\": \"Sokoto\",\n\"capital\": \"Sokoto\",\n\"lat\": \"13.061119499685718\",\n\"long\":\"5.3152203\",\n\"lgas\": [\n\"Binji\",\n\"Bodinga\",\n\"Dange-Shuni\",\n\"Gada\",\n\"Goronyo\",\n\"Gudu\",\n\"Gwadabawa\",\n\"Illela\",\n\"Kebbe\",\n\"Kware\",\n\"Rabah\",\n\"Sabon Birni\",\n\"Shagari\",\n\"Silame\",\n\"Sokoto-North\",\n\"Sokoto-South\",\n\"Tambuwal\",\n\"Tangaza\",\n\"Tureta\",\n\"Wamako\",\n\"Wurno\",\n\"Yabo\"\n]\n},\n{\n\"code\": \"TA\",\n\"name\": \"Taraba\",\n\"capital\": \"Jalingo\",\n\"lat\": \"8.0141333993904\",\n\"long\":\"10.737633599999999\",\n\"lgas\": [\n\"Ardo-Kola\",\n\"Bali\",\n\"Donga\",\n\"Gashaka\",\n\"Gassol\",\n\"Ibi\",\n\"Jalingo\",\n\"Karim-Lamido\",\n\"Kurmi\",\n\"Lau\",\n\"Sardauna\",\n\"Takum\",\n\"Ussa\",\n\"Wukari\",\n\"Yorro\",\n\"Zing\"\n]\n},\n{\n\"code\": \"YO\",\n\"name\": \"Yobe\",\n\"capital\": \"Damaturu\",\n\"lat\": \"12.123324199591742\",\n\"long\":\"11.506593699999998\",\n\"lgas\": [\n\"Bade\",\n\"Bursari\",\n\"Damaturu\",\n\"Fika\",\n\"Fune\",\n\"Geidam\",\n\"Gujba\",\n\"Gulani\",\n\"Jakusko\",\n\"Karasuwa\",\n\"Machina\",\n\"Nangere\",\n\"Nguru\",\n\"Potiskum\",\n\"Tarmuwa\",\n\"Yunusari\",\n\"Yusufari\"\n]\n},\n{\n\"code\": \"ZA\",\n\"name\": \"Zamfara\",\n\"capital\": \"Gusau\",\n\"lat\": \"12.007899799581104\",\n\"long\":\"6.4191432\",\n\"lgas\": [\n\"Anka\",\n\"Bakura\",\n\"Birnin Magaji\/Kiyaw\",\n\"Bukkuyum\",\n\"Bungudu\",\n\"Gummi\",\n\"Gusau\",\n\"Isa\",\n\"Kaura-Namoda\",\n\"Kiyawa\",\n\"Maradun\",\n\"Maru\",\n\"Shinkafi\",\n\"Talata-Mafara\",\n\"Tsafe\",\n\"Zurmi\"\n]\n}\n]<\/code><\/pre>\n\n\n\n
We want to display the state, capital, longitude and latitude in a table and we will use the array.map() method.<\/p>\n\n\n\n
The map() method in JavaScript is a higher-order function that is used to iterate over an array and transform each element in the array according to a specified mapping function. It creates a new array with the results of calling the provided function on every element in the calling array.<\/p>\n\n\n\n
Next, we will create our HTML table with the required headings:<\/p>\n\n\n\n
<table>\n<thead>\n<tr>\n<th>State<\/th>\n<th>Capital<\/th>\n<th>Longitude<\/th>\n<th>Latitude<\/th>\n<\/tr>\n<\/thead>\n<tbody id=\"box\"><\/tbody>\n<\/table><\/code><\/pre>\n\n\n\n
Now let\u2019s map though the given array of objects:<\/p>\n\n\n\n
let html = \"<tr>\";\nstates.map((item) => {\n    html+=\"<tr>\";\n    html+=\"<td>\"+ item.name +\"<\/td>\";\n    html+=\"<td>\"+ item.capital +\"<\/td>\";\n    html+=\"<td>\"+ item.lat +\"<\/td>\";\n    html+=\"<td>\"+ item.long +\"<\/td>\";\n    html+=\"<\/tr>\";\n})\ndocument.getElementById(\"box\").innerHTML = html;\n\n\n<\/code><\/pre>\n\n\n\n
Result:<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Bonus<\/h2>\n\n\n\n
We can add a serial numbering feature by adding a serial number column and the index option from the map function:<\/p>\n\n\n\n
<table>\n<thead>\n<tr>\n<th>S\/N<\/th>\n<th>State<\/th>\n<th>Capital<\/th>\n<th>Longitude<\/th>\n<th>Latitude<\/th>\n<\/tr>\n<\/thead>\n<tbody id=\"box\"><\/tbody>\n<\/table><\/code><\/pre>\n\n\n\n
let html = \"<tr>\";\nstates.map((item, index) => {\n    html+=\"<tr>\";\n    html+=\"<td>\"+ `${index+1}` +\"<\/td>\";\n    html+=\"<td>\"+ item.name +\"<\/td>\";\n    html+=\"<td>\"+ item.capital +\"<\/td>\";\n    html+=\"<td>\"+ item.lat +\"<\/td>\";\n    html+=\"<td>\"+ item.long +\"<\/td>\";\n    html+=\"<\/tr>\";\n    html+=\"<\/table>\";\n})\ndocument.getElementById(\"box\").innerHTML = html;<\/code><\/pre>\n\n\n\n
Result:<\/h2>\n\n\n\n
\"display<\/figure>\n\n\n\n
Full code:<\/h2>\n\n\n\n
<html>\n<body>\n<table>\n<thead>\n<tr>\n<th>S\/N<\/th>\n<th>State<\/th>\n<th>Capital<\/th>\n<th>Longitude<\/th>\n<th>Latitude<\/th>\n<\/tr>\n<\/thead>\n<tbody id=\"box\"><\/tbody>\n<\/table>\n\n<script>\nconst states = [\n{\n\"code\": \"FC\",\n\"name\": \"Abuja\",\n\"capital\": \"\",\n\"lat\": \"8.831122799397733\",\n\"long\":\"7.172467300000001\",\n\"lgas\": [\n\"Abuja\",\n\"Kwali\",\n\"Kuje\",\n\"Gwagwalada\",\n\"Bwari\",\n\"Abaji\"\n]\n},\n{\n\"code\": \"AB\",\n\"name\": \"Abia\",\n\"capital\": \"Umuahia\",\n\"lat\": \"5.45409529947607\",\n\"long\":\"7.5153071\",\n\"lgas\": [\n\"Aba North\",\n\"Aba South\",\n\"Arochukwu\",\n\"Bende\",\n\"Ikawuno\",\n\"Ikwuano\",\n\"Isiala-Ngwa North\",\n\"Isiala-Ngwa South\",\n\"Isuikwuato\",\n\"Umu Nneochi\",\n\"Obi Ngwa\",\n\"Obioma Ngwa\",\n\"Ohafia\",\n\"Ohaozara\",\n\"Osisioma\",\n\"Ugwunagbo\",\n\"Ukwa West\",\n\"Ukwa East\",\n\"Umuahia North\",\n\"Umuahia South\"\n]\n},\n{\n\"code\": \"AD\",\n\"name\": \"Adamawa\",\n\"capital\": \"Yola\",\n\"lat\": \"9.512977199417053\",\n\"long\":\"12.388188699999999\",\n\"lgas\": [\n\"Demsa\",\n\"Fufore\",\n\"Ganye\",\n\"Girei\",\n\"Gombi\",\n\"Guyuk\",\n\"Hong\",\n\"Jada\",\n\"Lamurde\",\n\"Madagali\",\n\"Maiha\",\n\"Mayo-Belwa\",\n\"Michika\",\n\"Mubi-North\",\n\"Mubi-South\",\n\"Numan\",\n\"Shelleng\",\n\"Song\",\n\"Toungo\",\n\"Yola North\",\n\"Yola South\"\n]\n},\n{\n\"code\": \"AK\",\n\"name\": \"AkwaIbom\",\n\"capital\": \"Uyo\",\n\"lat\": \"4.940863799511036\",\n\"long\":\"7.8412267\",\n\"lgas\": [\n\"Abak\",\n\"Eastern-Obolo\",\n\"Eket\",\n\"Esit-Eket\",\n\"Essien-Udim\",\n\"Etim-Ekpo\",\n\"Etinan\",\n\"Ibeno\",\n\"Ibesikpo-Asutan\",\n\"Ibiono-Ibom\",\n\"Ika\",\n\"Ikono\",\n\"Ikot-Abasi\",\n\"Ikot-Ekpene\",\n\"Ini\",\n\"Itu\",\n\"Mbo\",\n\"Mkpat-Enin\",\n\"Nsit-Atai\",\n\"Nsit-Ibom\",\n\"Nsit-Ubium\",\n\"Obot-Akara\",\n\"Okobo\",\n\"Onna\",\n\"Oron\",\n\"Oruk Anam\",\n\"Udung-Uko\",\n\"Ukanafun\",\n\"Urue-Offong\/Oruko\",\n\"Uruan\",\n\"Uyo\"\n]\n},\n{\n\"code\": \"AN\",\n\"name\": \"Anambra\",\n\"capital\": \"Awka\",\n\"lat\": \"6.2183135994341985\",\n\"long\":\"6.9531842\",\n\"lgas\": [\n\"Aguata\",\n\"Anambra East\",\n\"Anambra West\",\n\"Anaocha\",\n\"Awka North\",\n\"Awka South\",\n\"Ayamelum\",\n\"Dunukofia\",\n\"Ekwusigo\",\n\"Idemili-North\",\n\"Idemili-South\",\n\"Ihiala\",\n\"Njikoka\",\n\"Nnewi-North\",\n\"Nnewi-South\",\n\"Ogbaru\",\n\"Onitsha-North\",\n\"Onitsha-South\",\n\"Orumba-North\",\n\"Orumba-South\"\n]\n},\n{\n\"code\": \"BA\",\n\"name\": \"Bauchi\",\n\"capital\": \"Bauchi\",\n\"lat\": \"10.622828399473097\",\n\"long\":\"10.028775399999999\",\n\"lgas\": [\n\"Alkaleri\",\n\"Bauchi\",\n\"Bogoro\",\n\"Damban\",\n\"Darazo\",\n\"Dass\",\n\"Gamawa\",\n\"Ganjuwa\",\n\"Giade\",\n\"Itas Gadau\",\n\"Jama'Are\",\n\"Katagum\",\n\"Kirfi\",\n\"Misau\",\n\"Ningi\",\n\"Shira\",\n\"Tafawa-Balewa\",\n\"Toro\",\n\"Warji\",\n\"Zaki\"\n]\n},\n{\n\"code\": \"BY\",\n\"name\": \"Bayelsa\",\n\"capital\": \"Yenagoa\",\n\"lat\": \"4.762978599524332\",\n\"long\":\"6.028898\",\n\"lgas\": [\n\"Brass\",\n\"Ekeremor\",\n\"Kolokuma Opokuma\",\n\"Nembe\",\n\"Ogbia\",\n\"Sagbama\",\n\"Southern-Ijaw\",\n\"Yenagoa\"\n]\n},\n{\n\"code\": \"BE\",\n\"name\": \"Benue\",\n\"capital\": \"Makurdi\",\n\"lat\": \"7.35057469939717\",\n\"long\":\"8.777287699999999\",\n\"lgas\": [\n\"Ado\",\n\"Agatu\",\n\"Apa\",\n\"Buruku\",\n\"Gboko\",\n\"Guma\",\n\"Gwer-East\",\n\"Gwer-West\",\n\"Katsina-Ala\",\n\"Konshisha\",\n\"Kwande\",\n\"Logo\",\n\"Makurdi\",\n\"Ogbadibo\",\n\"Ohimini\",\n\"Oju\",\n\"Okpokwu\",\n\"Otukpo\",\n\"Tarka\",\n\"Ukum\",\n\"Ushongo\",\n\"Vandeikya\"\n]\n},\n{\n\"code\": \"BO\",\n\"name\": \"Borno\",\n\"capital\": \"Maiduguri\",\n\"lat\": \"12.18753919959776\",\n\"long\":\"13.308003399999999\",\n\"lgas\": [\n\"Abadam\",\n\"Askira-Uba\",\n\"Bama\",\n\"Bayo\",\n\"Biu\",\n\"Chibok\",\n\"Damboa\",\n\"Dikwa\",\n\"Gubio\",\n\"Guzamala\",\n\"Gwoza\",\n\"Hawul\",\n\"Jere\",\n\"Kaga\",\n\"Kala Balge\",\n\"Konduga\",\n\"Kukawa\",\n\"Kwaya-Kusar\",\n\"Mafa\",\n\"Magumeri\",\n\"Maiduguri\",\n\"Marte\",\n\"Mobbar\",\n\"Monguno\",\n\"Ngala\",\n\"Nganzai\",\n\"Shani\"\n]\n},\n{\n\"code\": \"CR\",\n\"name\": \"CrossRiver\",\n\"capital\": \"Calabar\",\n\"lat\": \"5.867196599451846\",\n\"long\":\"8.5204774\",\n\"lgas\": [\n\"Abi\",\n\"Akamkpa\",\n\"Akpabuyo\",\n\"Bakassi\",\n\"Bekwarra\",\n\"Biase\",\n\"Boki\",\n\"Calabar-Municipal\",\n\"Calabar-South\",\n\"Etung\",\n\"Ikom\",\n\"Obanliku\",\n\"Obubra\",\n\"Obudu\",\n\"Odukpani\",\n\"Ogoja\",\n\"Yakurr\",\n\"Yala\"\n]\n},\n{\n\"code\": \"DE\",\n\"name\": \"Delta\",\n\"capital\": \"Asaba\",\n\"lat\": \"5.527306099471514\",\n\"long\":\"6.178416699999999\",\n\"lgas\": [\n\"Aniocha North\",\n\"Aniocha-North\",\n\"Aniocha-South\",\n\"Bomadi\",\n\"Burutu\",\n\"Ethiope-East\",\n\"Ethiope-West\",\n\"Ika-North-East\",\n\"Ika-South\",\n\"Isoko-North\",\n\"Isoko-South\",\n\"Ndokwa-East\",\n\"Ndokwa-West\",\n\"Okpe\",\n\"Oshimili-North\",\n\"Oshimili-South\",\n\"Patani\",\n\"Sapele\",\n\"Udu\",\n\"Ughelli-North\",\n\"Ughelli-South\",\n\"Ukwuani\",\n\"Uvwie\",\n\"Warri South-West\",\n\"Warri North\",\n\"Warri South\"\n]\n},\n{\n\"code\": \"EB\",\n\"name\": \"Ebonyi\",\n\"capital\": \"Abakaliki\",\n\"lat\": \"6.199691799435065\",\n\"long\":\"8.0348906\",\n\"lgas\": [\n\"Abakaliki\",\n\"Afikpo-North\",\n\"Afikpo South (Edda)\",\n\"Ebonyi\",\n\"Ezza-North\",\n\"Ezza-South\",\n\"Ikwo\",\n\"Ishielu\",\n\"Ivo\",\n\"Izzi\",\n\"Ohaukwu\",\n\"Onicha\"\n]\n},\n{\n\"code\": \"ED\",\n\"name\": \"Edo\",\n\"capital\": \"Benin City\",\n\"lat\": \"6.607657499417959\",\n\"long\":\"5.9722713\",\n\"lgas\": [\n\"Akoko Edo\",\n\"Egor\",\n\"Esan-Central\",\n\"Esan-North-East\",\n\"Esan-South-East\",\n\"Esan-West\",\n\"Etsako-Central\",\n\"Etsako-East\",\n\"Etsako-West\",\n\"Igueben\",\n\"Ikpoba-Okha\",\n\"Oredo\",\n\"Orhionmwon\",\n\"Ovia-North-East\",\n\"Ovia-South-West\",\n\"Owan East\",\n\"Owan-West\",\n\"Uhunmwonde\"\n]\n},\n{\n\"code\": \"EK\",\n\"name\": \"Ekiti\",\n\"capital\": \"Ado-Ekiti\",\n\"lat\": \"7.736890999391845\",\n\"long\":\"5.2738326\",\n\"lgas\": [\n\"Ado-Ekiti\",\n\"Efon\",\n\"Ekiti-East\",\n\"Ekiti-South-West\",\n\"Ekiti-West\",\n\"Emure\",\n\"Gbonyin\",\n\"Ido-Osi\",\n\"Ijero\",\n\"Ikere\",\n\"Ikole\",\n\"Ilejemeje\",\n\"Irepodun Ifelodun\",\n\"Ise-Orun\",\n\"Moba\",\n\"Oye\"\n]\n},\n{\n\"code\": \"EN\",\n\"name\": \"Enugu\",\n\"capital\": \"Enugu\",\n\"lat\": \"6.553609399419997\",\n\"long\":\"7.4143061\",\n\"lgas\": [\n\"Aninri\",\n\"Awgu\",\n\"Enugu-East\",\n\"Enugu-North\",\n\"Enugu-South\",\n\"Ezeagu\",\n\"Igbo-Etiti\",\n\"Igbo-Eze-North\",\n\"Igbo-Eze-South\",\n\"Isi-Uzo\",\n\"Nkanu-East\",\n\"Nkanu-West\",\n\"Nsukka\",\n\"Oji-River\",\n\"Udenu\",\n\"Udi\",\n\"Uzo-Uwani\"\n]\n},\n{\n\"code\": \"GO\",\n\"name\": \"Gombe\",\n\"capital\": \"Gombe\",\n\"lat\": \"10.383009999458512\",\n\"long\":\"11.206567\",\n\"lgas\": [\n\"Akko\",\n\"Balanga\",\n\"Billiri\",\n\"Dukku\",\n\"Funakaye\",\n\"Gombe\",\n\"Kaltungo\",\n\"Kwami\",\n\"Nafada\",\n\"Shongom\",\n\"Yamaltu Deba\"\n]\n},\n{\n\"code\": \"IM\",\n\"name\": \"Imo\",\n\"capital\": \"Owerri\",\n\"lat\": \"5.585945599467946\",\n\"long\":\"7.0669651\",\n\"lgas\": [\n\"Aboh-Mbaise\",\n\"Ahiazu-Mbaise\",\n\"Ehime-Mbano\",\n\"Ezinihitte\",\n\"Ideato-North\",\n\"Ideato-South\",\n\"Ihitte Uboma\",\n\"Ikeduru\",\n\"Isiala-Mbano\",\n\"Isu\",\n\"Mbaitoli\",\n\"Ngor-Okpala\",\n\"Njaba\",\n\"Nkwerre\",\n\"Nwangele\",\n\"Obowo\",\n\"Oguta\",\n\"Ohaji-Egbema\",\n\"Okigwe\",\n\"Onuimo\",\n\"Orlu\",\n\"Orsu\",\n\"Oru-East\",\n\"Oru-West\",\n\"Owerri-Municipal\",\n\"Owerri-North\",\n\"Owerri-West\"\n]\n},\n{\n\"code\": \"JI\",\n\"name\": \"Jigawa\",\n\"capital\": \"Dutse\",\n\"lat\": \"12.325236199610885\",\n\"long\":\"9.510329599999999\",\n\"lgas\": [\n\"Auyo\",\n\"Babura\",\n\"Biriniwa\",\n\"Birnin-Kudu\",\n\"Buji\",\n\"Dutse\",\n\"Gagarawa\",\n\"Garki\",\n\"Gumel\",\n\"Guri\",\n\"Gwaram\",\n\"Gwiwa\",\n\"Hadejia\",\n\"Jahun\",\n\"Kafin-Hausa\",\n\"Kaugama\",\n\"Kazaure\",\n\"Kiri kasama\",\n\"Maigatari\",\n\"Malam Madori\",\n\"Miga\",\n\"Ringim\",\n\"Roni\",\n\"Sule-Tankarkar\",\n\"Taura\",\n\"Yankwashi\"\n]\n},\n{\n\"code\": \"KD\",\n\"name\": \"Kaduna\",\n\"capital\": \"Kaduna\",\n\"lat\": \"10.382531799458487\",\n\"long\":\"7.853322600000001\",\n\"lgas\": [\n\"Birnin-Gwari\",\n\"Chikun\",\n\"Giwa\",\n\"Igabi\",\n\"Ikara\",\n\"Jaba\",\n\"Jema'A\",\n\"Kachia\",\n\"Kaduna-North\",\n\"Kaduna-South\",\n\"Kagarko\",\n\"Kajuru\",\n\"Kaura\",\n\"Kauru\",\n\"Kubau\",\n\"Kudan\",\n\"Lere\",\n\"Makarfi\",\n\"Sabon-Gari\",\n\"Sanga\",\n\"Soba\",\n\"Zangon-Kataf\",\n\"Zaria\"\n]\n},\n{\n\"code\": \"KN\",\n\"name\": \"Kano\",\n\"capital\": \"Kano\",\n\"lat\": \"11.894838899570903\",\n\"long\":\"8.5364136\",\n\"lgas\": [\n\"Ajingi\",\n\"Albasu\",\n\"Bagwai\",\n\"Bebeji\",\n\"Bichi\",\n\"Bunkure\",\n\"Dala\",\n\"Dambatta\",\n\"Dawakin-Kudu\",\n\"Dawakin-Tofa\",\n\"Doguwa\",\n\"Fagge\",\n\"Gabasawa\",\n\"Garko\",\n\"Garun-Mallam\",\n\"Gaya\",\n\"Gezawa\",\n\"Gwale\",\n\"Gwarzo\",\n\"Kabo\",\n\"Kano-Municipal\",\n\"Karaye\",\n\"Kibiya\",\n\"Kiru\",\n\"Kumbotso\",\n\"Kunchi\",\n\"Kura\",\n\"Madobi\",\n\"Makoda\",\n\"Minjibir\",\n\"Nasarawa\",\n\"Rano\",\n\"Rimin-Gado\",\n\"Rogo\",\n\"Shanono\",\n\"Sumaila\",\n\"Takai\",\n\"Tarauni\",\n\"Tofa\",\n\"Tsanyawa\",\n\"Tudun-Wada\",\n\"Ungogo\",\n\"Warawa\",\n\"Wudil\"\n]\n},\n{\n\"code\": \"KT\",\n\"name\": \"Katsina\",\n\"capital\": \"Kastina\",\n\"lat\": \"12.563082499634245\",\n\"long\":\"7.6207063\",\n\"lgas\": [\n\"Bakori\",\n\"Batagarawa\",\n\"Batsari\",\n\"Baure\",\n\"Bindawa\",\n\"Charanchi\",\n\"Dan-Musa\",\n\"Dandume\",\n\"Danja\",\n\"Daura\",\n\"Dutsi\",\n\"Dutsin-Ma\",\n\"Faskari\",\n\"Funtua\",\n\"Ingawa\",\n\"Jibia\",\n\"Kafur\",\n\"Kaita\",\n\"Kankara\",\n\"Kankia\",\n\"Katsina\",\n\"Kurfi\",\n\"Kusada\",\n\"Mai-Adua\",\n\"Malumfashi\",\n\"Mani\",\n\"Mashi\",\n\"Matazu\",\n\"Musawa\",\n\"Rimi\",\n\"Sabuwa\",\n\"Safana\",\n\"Sandamu\",\n\"Zango\"\n]\n},\n{\n\"code\": \"KE\",\n\"name\": \"Kebbi\",\n\"capital\": \"Birnin-Kebbi\",\n\"lat\": \"11.416757399530335\",\n\"long\":\"4.107454499999999\",\n\"lgas\": [\n\"Aleiro\",\n\"Arewa-Dandi\",\n\"Argungu\",\n\"Augie\",\n\"Bagudo\",\n\"Birnin-Kebbi\",\n\"Bunza\",\n\"Dandi\",\n\"Fakai\",\n\"Gwandu\",\n\"Jega\",\n\"Kalgo\",\n\"Koko-Besse\",\n\"Maiyama\",\n\"Ngaski\",\n\"Sakaba\",\n\"Shanga\",\n\"Suru\",\n\"Wasagu\/Danko\",\n\"Yauri\",\n\"Zuru\"\n]\n},\n{\n\"code\": \"KO\",\n\"name\": \"Kogi\",\n\"capital\": \"Lokoja\",\n\"lat\": \"7.79496019939138\",\n\"long\":\"6.686866899999999\",\n\"lgas\": [\n\"Adavi\",\n\"Ajaokuta\",\n\"Ankpa\",\n\"Dekina\",\n\"Ibaji\",\n\"Idah\",\n\"Igalamela-Odolu\",\n\"Ijumu\",\n\"Kabba Bunu\",\n\"Kogi\",\n\"Lokoja\",\n\"Mopa-Muro\",\n\"Ofu\",\n\"Ogori Magongo\",\n\"Okehi\",\n\"Okene\",\n\"Olamaboro\",\n\"Omala\",\n\"Oyi\",\n\"Yagba-East\",\n\"Yagba-West\"\n]\n},\n{\n\"code\": \"KW\",\n\"name\": \"Kwara\",\n\"capital\": \"Ilorin\",\n\"lat\": \"8.836789099397848\",\n\"long\":\"4.668848699999999\",\n\"lgas\": [\n\"Asa\",\n\"Baruten\",\n\"Edu\",\n\"Ekiti (Araromi\/Opin)\",\n\"Ilorin-East\",\n\"Ilorin-South\",\n\"Ilorin-West\",\n\"Isin\",\n\"Kaiama\",\n\"Moro\",\n\"Offa\",\n\"Oke-Ero\",\n\"Oyun\",\n\"Pategi\"\n]\n},\n{\n\"code\": \"LA\",\n\"name\": \"Lagos\",\n\"capital\": \"Ikeja\",\n\"lat\": \"6.526903299421034\",\n\"long\":\"3.5774005\",\n\"lgas\": [\n\"Agege\",\n\"Ajeromi-Ifelodun\",\n\"Alimosho\",\n\"Amuwo-Odofin\",\n\"Apapa\",\n\"Badagry\",\n\"Epe\",\n\"Eti-Osa\",\n\"Ibeju-Lekki\",\n\"Ifako-Ijaiye\",\n\"Ikeja\",\n\"Ikorodu\",\n\"Kosofe\",\n\"Lagos-Island\",\n\"Lagos-Mainland\",\n\"Mushin\",\n\"Ojo\",\n\"Oshodi-Isolo\",\n\"Shomolu\",\n\"Surulere\",\n\"Yewa-South\"\n]\n},\n{\n\"code\": \"NA\",\n\"name\": \"Nassarawa\",\n\"capital\": \"Lafia\",\n\"lat\": \"8.438786799392046\",\n\"long\":\"8.238284899999998\",\n\"lgas\": [\n\"Akwanga\",\n\"Awe\",\n\"Doma\",\n\"Karu\",\n\"Keana\",\n\"Keffi\",\n\"Kokona\",\n\"Lafia\",\n\"Nasarawa\",\n\"Nasarawa-Eggon\",\n\"Obi\",\n\"Wamba\",\n\"Toto\"\n]\n},\n{\n\"code\": \"NI\",\n\"name\": \"Niger\",\n\"capital\": \"Minna\",\n\"lat\": \"9.932608299434758\",\n\"long\":\"5.651108799999999\",\n\"lgas\": [\n\"Agaie\",\n\"Agwara\",\n\"Bida\",\n\"Borgu\",\n\"Bosso\",\n\"Chanchaga\",\n\"Edati\",\n\"Gbako\",\n\"Gurara\",\n\"Katcha\",\n\"Kontagora\",\n\"Lapai\",\n\"Lavun\",\n\"Magama\",\n\"Mariga\",\n\"Mashegu\",\n\"Mokwa\",\n\"Moya\",\n\"Paikoro\",\n\"Rafi\",\n\"Rijau\",\n\"Shiroro\",\n\"Suleja\",\n\"Tafa\",\n\"Wushishi\"\n]\n},\n{\n\"code\": \"OG\",\n\"name\": \"Ogun\",\n\"capital\": \"Abeokuta\",\n\"lat\": \"6.978858199405861\",\n\"long\":\"3.4389293\",\n\"lgas\": [\n\"Abeokuta-North\",\n\"Abeokuta-South\",\n\"Ado-Odo Ota\",\n\"Ewekoro\",\n\"Ifo\",\n\"Ijebu-East\",\n\"Ijebu-North\",\n\"Ijebu-North-East\",\n\"Ijebu-Ode\",\n\"Ikenne\",\n\"Imeko-Afon\",\n\"Ipokia\",\n\"Obafemi-Owode\",\n\"Odeda\",\n\"Odogbolu\",\n\"Ogun-Waterside\",\n\"Remo-North\",\n\"Shagamu\",\n\"Yewa North\"\n]\n},\n{\n\"code\": \"ON\",\n\"name\": \"Ondo\",\n\"capital\": \"Akure\",\n\"lat\": \"7.0209685994047035\",\n\"long\":\"5.0567477\",\n\"lgas\": [\n\"Akoko North-East\",\n\"Akoko North-West\",\n\"Akoko South-West\",\n\"Akoko South-East\",\n\"Akure-North\",\n\"Akure-South\",\n\"Ese-Odo\",\n\"Idanre\",\n\"Ifedore\",\n\"Ilaje\",\n\"Ile-Oluji-Okeigbo\",\n\"Irele\",\n\"Odigbo\",\n\"Okitipupa\",\n\"Ondo West\",\n\"Ondo-East\",\n\"Ose\",\n\"Owo\"\n]\n},\n{\n\"code\": \"OS\",\n\"name\": \"Osun\",\n\"capital\": \"Osogbo\",\n\"lat\": \"7.548404699393967\",\n\"long\":\"4.497830700000001\",\n\"lgas\": [\n\"Atakumosa West\",\n\"Atakumosa East\",\n\"Ayedaade\",\n\"Ayedire\",\n\"Boluwaduro\",\n\"Boripe\",\n\"Ede South\",\n\"Ede North\",\n\"Egbedore\",\n\"Ejigbo\",\n\"Ife North\",\n\"Ife South\",\n\"Ife-Central\",\n\"Ife-East\",\n\"Ifelodun\",\n\"Ila\",\n\"Ilesa-East\",\n\"Ilesa-West\",\n\"Irepodun\",\n\"Irewole\",\n\"Isokan\",\n\"Iwo\",\n\"Obokun\",\n\"Odo-Otin\",\n\"Ola Oluwa\",\n\"Olorunda\",\n\"Oriade\",\n\"Orolu\",\n\"Osogbo\"\n]\n},\n{\n\"code\": \"OY\",\n\"name\": \"Oyo\",\n\"capital\": \"Ibadan\",\n\"lat\": \"8.215124899390593\",\n\"long\":\"3.5642896999999993\",\n\"lgas\": [\n\"Afijio\",\n\"Akinyele\",\n\"Atiba\",\n\"Atisbo\",\n\"Egbeda\",\n\"Ibadan North\",\n\"Ibadan North-East\",\n\"Ibadan North-West\",\n\"Ibadan South-East\",\n\"Ibadan South-West\",\n\"Ibarapa-Central\",\n\"Ibarapa-East\",\n\"Ibarapa-North\",\n\"Ido\",\n\"Ifedayo\",\n\"Irepo\",\n\"Iseyin\",\n\"Itesiwaju\",\n\"Iwajowa\",\n\"Kajola\",\n\"Lagelu\",\n\"Ogo-Oluwa\",\n\"Ogbomosho-North\",\n\"Ogbomosho-South\",\n\"Olorunsogo\",\n\"Oluyole\",\n\"Ona-Ara\",\n\"Orelope\",\n\"Ori-Ire\",\n\"Oyo-West\",\n\"Oyo-East\",\n\"Saki-East\",\n\"Saki-West\",\n\"Surulere\"\n]\n},\n{\n\"code\": \"PL\",\n\"name\": \"Plateau\",\n\"capital\": \"Jos\",\n\"lat\": \"9.058344599402849\",\n\"long\":\"9.6826289\",\n\"lgas\": [\n\"Barkin-Ladi\",\n\"Bassa\",\n\"Bokkos\",\n\"Jos-East\",\n\"Jos-North\",\n\"Jos-South\",\n\"Kanam\",\n\"Kanke\",\n\"Langtang-North\",\n\"Langtang-South\",\n\"Mangu\",\n\"Mikang\",\n\"Pankshin\",\n\"Qua'an Pan\",\n\"Riyom\",\n\"Shendam\",\n\"Wase\"\n]\n},\n{\n\"code\": \"RI\",\n\"name\": \"Rivers\",\n\"capital\": \"Port-Harcourt\",\n\"lat\": \"4.841602799518385\",\n\"long\":\"6.8604088\",\n\"lgas\": [\n\"Abua Odual\",\n\"Ahoada-East\",\n\"Ahoada-West\",\n\"Akuku Toru\",\n\"Andoni\",\n\"Asari-Toru\",\n\"Bonny\",\n\"Degema\",\n\"Eleme\",\n\"Emuoha\",\n\"Etche\",\n\"Gokana\",\n\"Ikwerre\",\n\"Khana\",\n\"Obio Akpor\",\n\"Ogba-Egbema-Ndoni\",\n\"Ogba Egbema Ndoni\",\n\"Ogu Bolo\",\n\"Okrika\",\n\"Omuma\",\n\"Opobo Nkoro\",\n\"Oyigbo\",\n\"Port-Harcourt\",\n\"Tai\"\n]\n},\n{\n\"code\": \"SO\",\n\"name\": \"Sokoto\",\n\"capital\": \"Sokoto\",\n\"lat\": \"13.061119499685718\",\n\"long\":\"5.3152203\",\n\"lgas\": [\n\"Binji\",\n\"Bodinga\",\n\"Dange-Shuni\",\n\"Gada\",\n\"Goronyo\",\n\"Gudu\",\n\"Gwadabawa\",\n\"Illela\",\n\"Kebbe\",\n\"Kware\",\n\"Rabah\",\n\"Sabon Birni\",\n\"Shagari\",\n\"Silame\",\n\"Sokoto-North\",\n\"Sokoto-South\",\n\"Tambuwal\",\n\"Tangaza\",\n\"Tureta\",\n\"Wamako\",\n\"Wurno\",\n\"Yabo\"\n]\n},\n{\n\"code\": \"TA\",\n\"name\": \"Taraba\",\n\"capital\": \"Jalingo\",\n\"lat\": \"8.0141333993904\",\n\"long\":\"10.737633599999999\",\n\"lgas\": [\n\"Ardo-Kola\",\n\"Bali\",\n\"Donga\",\n\"Gashaka\",\n\"Gassol\",\n\"Ibi\",\n\"Jalingo\",\n\"Karim-Lamido\",\n\"Kurmi\",\n\"Lau\",\n\"Sardauna\",\n\"Takum\",\n\"Ussa\",\n\"Wukari\",\n\"Yorro\",\n\"Zing\"\n]\n},\n{\n\"code\": \"YO\",\n\"name\": \"Yobe\",\n\"capital\": \"Damaturu\",\n\"lat\": \"12.123324199591742\",\n\"long\":\"11.506593699999998\",\n\"lgas\": [\n\"Bade\",\n\"Bursari\",\n\"Damaturu\",\n\"Fika\",\n\"Fune\",\n\"Geidam\",\n\"Gujba\",\n\"Gulani\",\n\"Jakusko\",\n\"Karasuwa\",\n\"Machina\",\n\"Nangere\",\n\"Nguru\",\n\"Potiskum\",\n\"Tarmuwa\",\n\"Yunusari\",\n\"Yusufari\"\n]\n},\n{\n\"code\": \"ZA\",\n\"name\": \"Zamfara\",\n\"capital\": \"Gusau\",\n\"lat\": \"12.007899799581104\",\n\"long\":\"6.4191432\",\n\"lgas\": [\n\"Anka\",\n\"Bakura\",\n\"Birnin Magaji\/Kiyaw\",\n\"Bukkuyum\",\n\"Bungudu\",\n\"Gummi\",\n\"Gusau\",\n\"Isa\",\n\"Kaura-Namoda\",\n\"Kiyawa\",\n\"Maradun\",\n\"Maru\",\n\"Shinkafi\",\n\"Talata-Mafara\",\n\"Tsafe\",\n\"Zurmi\"\n]\n}\n]\nlet html = \"<tr>\";\nstates.map((item, index) => {\n    html+=\"<tr>\";\n    html+=\"<td>\"+ `${index+1}` +\"<\/td>\";\n    html+=\"<td>\"+ item.name +\"<\/td>\";\n    html+=\"<td>\"+ item.capital +\"<\/td>\";\n    html+=\"<td>\"+ item.lat +\"<\/td>\";\n    html+=\"<td>\"+ item.long +\"<\/td>\";\n    html+=\"<\/tr>\";\n    html+=\"<\/table>\";\n})\ndocument.getElementById(\"box\").innerHTML = html;\n<\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Start Learning JavaScript online<\/a><\/p>\n\n\n\n
Start software development<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"
Hello software devs! Today we are going to do a simple JavaScript exercise. We are going to loop<\/p>\n","protected":false},"author":1,"featured_media":1921,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[11,98],"tags":[],"class_list":["post-1918","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-softare-development"],"yoast_head":"\nLoop through JavaScript Array of Objects and Display the data in HTML Table<\/title>\n<meta name=\"description\" content=\"We are going to use an array of Nigerian states, capitals, local government areas, longitude, latitude and display select data on the table.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Loop through JavaScript Array of Objects and Display the data in HTML Table\" \/>\n<meta property=\"og:description\" content=\"We are going to use an array of Nigerian states, capitals, local government areas, longitude, latitude and display select data on the table.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/codeflretech\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-26T14:58:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T10:24:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/03\/array-map.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"codeflare\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeflaretech\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/\"},\"author\":{\"name\":\"codeflare\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\"},\"headline\":\"Loop through JavaScript Array of Objects and Display the data in HTML Table\",\"datePublished\":\"2024-03-26T14:58:00+00:00\",\"dateModified\":\"2024-03-28T10:24:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/\"},\"wordCount\":195,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/array-map.png\",\"articleSection\":[\"javascript\",\"softare development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/\",\"name\":\"Loop through JavaScript Array of Objects and Display the data in HTML Table\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/array-map.png\",\"datePublished\":\"2024-03-26T14:58:00+00:00\",\"dateModified\":\"2024-03-28T10:24:07+00:00\",\"description\":\"We are going to use an array of Nigerian states, capitals, local government areas, longitude, latitude and display select data on the table.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/array-map.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/array-map.png\",\"width\":2240,\"height\":1260,\"caption\":\"array-map\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"javascript\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Loop through JavaScript Array of Objects and Display the data in HTML Table\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"name\":\"\",\"description\":\"Sustainable solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\",\"name\":\"Codeflare Limited\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"width\":1040,\"height\":263,\"caption\":\"Codeflare Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\",\"name\":\"codeflare\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"caption\":\"codeflare\"},\"description\":\"Latest tech news and coding tips.\",\"sameAs\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\",\"https:\\\/\\\/facebook.com\\\/codeflretech\",\"https:\\\/\\\/instagram.com\\\/codeflaretech\",\"https:\\\/\\\/x.com\\\/codeflaretech\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1\"],\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/author\\\/watcher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Loop through JavaScript Array of Objects and Display the data in HTML Table","description":"We are going to use an array of Nigerian states, capitals, local government areas, longitude, latitude and display select data on the table.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/","og_locale":"en_US","og_type":"article","og_title":"Loop through JavaScript Array of Objects and Display the data in HTML Table","og_description":"We are going to use an array of Nigerian states, capitals, local government areas, longitude, latitude and display select data on the table.","og_url":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/","article_author":"https:\/\/facebook.com\/codeflretech","article_published_time":"2024-03-26T14:58:00+00:00","article_modified_time":"2024-03-28T10:24:07+00:00","og_image":[{"width":2240,"height":1260,"url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/03\/array-map.png","type":"image\/png"}],"author":"codeflare","twitter_card":"summary_large_image","twitter_creator":"@codeflaretech","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#article","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/"},"author":{"name":"codeflare","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a"},"headline":"Loop through JavaScript Array of Objects and Display the data in HTML Table","datePublished":"2024-03-26T14:58:00+00:00","dateModified":"2024-03-28T10:24:07+00:00","mainEntityOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/"},"wordCount":195,"commentCount":0,"publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/03\/array-map.png","articleSection":["javascript","softare development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/","url":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/","name":"Loop through JavaScript Array of Objects and Display the data in HTML Table","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#primaryimage"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/03\/array-map.png","datePublished":"2024-03-26T14:58:00+00:00","dateModified":"2024-03-28T10:24:07+00:00","description":"We are going to use an array of Nigerian states, capitals, local government areas, longitude, latitude and display select data on the table.","breadcrumb":{"@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#primaryimage","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/03\/array-map.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/03\/array-map.png","width":2240,"height":1260,"caption":"array-map"},{"@type":"BreadcrumbList","@id":"https:\/\/codeflarelimited.com\/blog\/loop-through-javascript-array-of-objects-and-display-the-data-in-html-table\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeflarelimited.com\/blog\/"},{"@type":"ListItem","position":2,"name":"javascript","item":"https:\/\/codeflarelimited.com\/blog\/javascript\/"},{"@type":"ListItem","position":3,"name":"Loop through JavaScript Array of Objects and Display the data in HTML Table"}]},{"@type":"WebSite","@id":"https:\/\/codeflarelimited.com\/blog\/#website","url":"https:\/\/codeflarelimited.com\/blog\/","name":"","description":"Sustainable solutions","publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeflarelimited.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeflarelimited.com\/blog\/#organization","name":"Codeflare Limited","url":"https:\/\/codeflarelimited.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","width":1040,"height":263,"caption":"Codeflare Limited"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a","name":"codeflare","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","caption":"codeflare"},"description":"Latest tech news and coding tips.","sameAs":["https:\/\/codeflarelimited.com\/blog","https:\/\/facebook.com\/codeflretech","https:\/\/instagram.com\/codeflaretech","https:\/\/x.com\/codeflaretech","https:\/\/www.youtube.com\/channel\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1"],"url":"https:\/\/codeflarelimited.com\/blog\/author\/watcher\/"}]}},"jetpack_featured_media_url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/03\/array-map.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/comments?post=1918"}],"version-history":[{"count":2,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1918\/revisions"}],"predecessor-version":[{"id":1930,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1918\/revisions\/1930"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media\/1921"}],"wp:attachment":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media?parent=1918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/categories?post=1918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/tags?post=1918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}