JSFiddle - React, Tailwind, and code Playground

by Nimeshka Srimal

HTML

<div id="console">

</div>

JavaScript

objectList = [{ 'name': 'nimeshka'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}, { 'name': 'shenon'}]
for(var i = 0; i < objectList.length; i++)
{
    console.log(objectList[i]); //  this runs immediately
    doSomething(objectList[i]); //  this runs only AFTER the loop completes
    //$("#console").append(' / '+objectList[i].name);
}

function doSomething(obj)
{
    $("#console").append(' / '+obj.name);
    // other stuff
}