JSFiddle - React, Tailwind, and code Playground

by Christopher McCulloh

JavaScript

//create an array literal
var arrayLiteral = [];

//treat it like an array, adding an element to the array using a numeric indicis
arrayLiteral[0]="foo";

//treat it like an array, using the "push" method:
arrayLiteral.push("bar");

//incorrectly treat it like an object instead of an array by adding a property to it
arrayLiteral["incorrectlyAddedProperty"]="beh";

//loop through it incorrectly using "for in" construct which will pull out all the properties instead of just accessing the array elements
    for(var key in arrayLiteral){
        console.log("key:", key);
}
    
    //loop through it correctly accessing only the array elements
    for(var i=0; i<arrayLiteral.length; i++){
        console.log("array element: ", arrayLiteral[i]);
}