JSFiddle - React, Tailwind, and code Playground

JavaScript

$(document).ready(function () {
    var a = new Array("Apples", "Bananas", "Oranges")
    var p = {
        key1: 'value1',
        key2: 'value2',
        key3: 'value3'
    };

    // Array (index-value)
    jQuery.each(a, function (idx, val) {
        setTimeout(function () {
            console.log("At " + idx + " Val " + val)
        }, (idx) * 1000);
        console.log("Processed idx "+idx)
    })

    // Object (key-value)
    var i = 0;
    jQuery.each(p, function (key, val) {
        setTimeout(function () {
            console.log("At " + key + " Val " + val)
        }, (i) * 1000);
        console.log("Processed i "+i)
        i++;
    })
});