Multidimensional Arrays

Ah Multidimensional Arrays. Nothing too crazy in JavaScript. Just a little bit of this and that.

So typical arrays are fun and easy. You create them like so:

var colors = new Array();
colors[0] = "Red";
colors[1] = "Yellow";
colors[2] = "Blue";

Well that's fine and dandy, but what if you want to associate something with each of those? For example, what if you wanted to create a menu? You'll need at minimum a link name and a target. We could do something like this:

var colors = new Array();
colors[0] = new Array();
colors[0][0] = "red.htm";
colors[0][1] = "Red";

colors[1] = new Array();
colors[1][0] = "yellow.htm";
colors[1][1] = "Yellow";

colors[2] = new Array();
colors[2][0] = "blue.htm";
colors[2][1] = "Blue";

function createColors() {
    document.write('<ul id="colors">');
    for (var i = 0; i < colors.length; i++) {
        var link = colors[i][0];
        var title = colors[i][1];
        var link_title = '<li><a href="' + link + '">' + title + "</a></li>";
        document.write(link_title);
    }
    document.write("</ul>");
}

Then we would call it like this:

<script type="text/javascript">
<!--
createColors();
//-->
</script>

Of course you could add more things, like an id, a title... whatever else you would need.