Execute an array of functions

Question

I'm using a mixture of d3.js and jQuery to create a visualisation. I have 3 functions that I'm trying to put into an array and then execute one after the other but I don't think I'm doing it correctly as when I click "play" nothing happens. Here's my code:

var functionsArray = [oct12,oct13,oct14];

$('#play').click(function(){ 
for (var i = 0; i < functionsArray.length; i++){
    functionsArray[i];  
}

I'll put up a jsfiddle shortly...

Answer 1

You need to call the function too.

functionsArray[i]();  

Answer 2

use $.each

demo

var functionsArray = [oct12,oct13,oct14];

$(functionsArray).each(function(key, val){
 val();
});

function oct12(){
 alert('oct12');
}

function oct13(){
 alert('oct13');
}

function oct14(){
  alert('oct14');
}

​