JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test-array1"></div>

<div id="test-array2"></div>

<div id="test-array3"></div>

CSS

#test-array1 {   background:red; padding:20px; margin:0 0 20px 0;}
#test-array2 {   background:yellow; padding:20px; margin:0 0 20px 0;}
#test-array3 {   background:black; color:white; padding:20px;}

JavaScript

var array1 = ["a", "e", "i", "o", "u"];

$.each(array1, function(clave, valor) {
    $("#test-array1").append('Clave es ' + clave + ' y valor es: ' + valor + '<br />');
});




var array2 = new Array();
array2['auto1'] = "Saab";
array2['auto2'] = "Volvo";
array2['auto3'] = "BMW";

$.each(array2, function(clave, valor) {
    $("#test-array2").append('Clave es ' + clave + ' y valor es: ' + valor + '<br />');
});


$("#test-array3").html(array2['auto3']);