Javascript Array of Functions

Question

var array of functions         first function  a string        second function  a string        third function  a string        forth function  a string      array of functions 0     That does not work as intended because each function in the array is executed when the array is created   What is the proper way of executing any function in the array by doing   array of functions 0       or  array of functions 1  etc    Thanks

User · Answer

I think this is what the original poster meant to accomplish:

var array_of_functions = [
    function() { first_function('a string') },
    function() { second_function('a string') },
    function() { third_function('a string') },
    function() { fourth_function('a string') }
]

for (i = 0; i < array_of_functions.length; i++) {
    array_of_functions[i]();
}

Hopefully this will help others (like me 20 minutes ago :-) looking for any hint about how to call JS functions in an array.

User · Answer

Ah man there are so many weird answers    const execute    fn    gt  fn   const arrayOfFunctions    fn1  fn2  fn3   const results   arrayOfFunctions map execute   or if you want to sequentially feed each functions result to the next  compose fn3  fn2  fn1   compose is not supported by default  but there are libraries like ramda  lodash  or even redux which provide this tool

User · Answer

A short way to run  em all    first function       nth function  forEach  function f        f  a string

User · Answer

Using Function prototype bind    var array of functions             first function bind null  a string            second function bind null  a string            third function bind null  a string            forth function bind null  a string

User · Answer

var array of functions         first function      second function      third function      forth function     and then when you want to execute a given function in the array   array of functions 0   a string

User · Answer

This is correct  var array of functions                  all   function flag                     console log 1 flag                                      cic   function flag                     console log 13 flag                                                     array of functions all 27   array of functions cic 7

User · Answer

Without more detail of what you are trying to accomplish  we are kinda guessing  But you might be able to get away with using object notation to do something like this     var myFuncs       firstFunc  function string           do something         secondFunc  function string           do something         thirdFunc  function string           do something         and to call one of them     myFuncs firstFunc  a string

User · Answer

you got some top answers above  This is just another version of that   var dictFun          FunOne  function string         console log  first function             FuncTwo  function string       console log  second function           FuncThree  function string       console log  third function

User · Answer

the probleme of these array of function are not in the  array form  but in the way these functions are called    then     try this   with a simple eval       array of function     fx1     fx2     fx3       fxN     var zzz     for  var i 0  i lt array of function length  i           var zzz    eval  array of function i         it work s here  where nothing upper was doing the job at home     hopes it will help

User · Answer

If you re doing something like trying to dynamically pass callbacks you could pass a single object as an argument  This gives you much greater control over which functions you want to you execute with any parameter   function func one arg        console log arg      function func two arg        console log arg   make this different       var obj         callbacks   func one  func two       params    something    something else        function doSomething obj        var n   obj counter     for  n  n  lt   obj callbacks length - obj len   n              obj callbacks n  obj params n              obj counter   0  obj len   0  doSomething obj       something   something else make this different  obj counter   1  obj len   0  doSomething obj      something else make this different

User · Answer

PlanetGreeter     class PlanetGreeter       hello            void                 planet 1   string    World       planet 2   string    Mars       planet 3   string    Venus       planet 4   string    Uranus       planet 5   string    Pluto       constructor             this hello push       gt    this greet this planet 1                this hello push       gt    this greet this planet 2                this hello push       gt    this greet this planet 3                this hello push       gt    this greet this planet 4                this hello push       gt    this greet this planet 5                   greet a  string    void   alert  Hello     a         greetRandomPlanet     void            this hello   Math floor  5   Math random                      new PlanetGreeter   greetRandomPlanet

User · Answer

I would complement this thread by posting an easier way to execute various functions within an Array using the shift   Javascript method originally described here    var a   function    console log  this is function  a       var b   function    console log  this is function  b       var c   function    console log  this is function  c        var foo    a b c      while  foo length        foo shift   call

User · Answer

Using ES6 syntax  if you need a  quot pipeline quot  like process where you pass the same object through a series of functions  in my case  a HTML abstract syntax tree   you can use for   of to call each pipe function in a given array  const setMainElement   require  quot   set-main-element js quot   const cacheImages   require  quot   cache-images js quot   const removeElements   require  quot   remove-elements js quot    let htmlAst       const pipeline         setMainElement      cacheImages      removeElements       htmlAst    gt               Using a dynamic closure            for  const pipe of pipeline        pipe htmlAst

User · Answer

up above we saw some with iteration  Let s do the same thing using forEach   var funcs    function              console log 1         function              console log 2          funcs forEach function  func      func       outputs  1  then 2       for  i   0  i  lt  funcs length  i    funcs i

User · Answer

I have many problems trying to solve this one    tried the obvious  but did not work  It just append an empty function somehow   array of functions push function     first function  a string         I solved it by using an array of strings  and later with eval   array of functions push  first function  a string       for  var Func of array of functions       eval Func

User · Answer

Execution of many functions through an ES6 callback    x000D   x000D  const f    funs    gt    x000D    funs   forEach  fun    gt  fun  x000D    x000D   x000D  f      gt    x000D    console log 1   x000D    console log 2   x000D    console log 3  x000D     x000D   x000D   x000D

User · Answer

Or just   var myFuncs       firstFun  function string           do something         secondFunc  function string           do something         thirdFunc  function string           do something

User · Answer

It s basically the same as Darin Dimitrov s but it shows how you could use it do dynamically create and store functions and arguments  I hope it s useful for you      x000D   x000D  var argsContainer     hello    you    there    x000D  var functionsContainer       x000D   x000D  for  var i   0  i  lt  argsContainer length  i      x000D  var currentArg   argsContainer i    x000D   x000D    functionsContainer push function currentArg   x000D      console log currentArg   x000D        x000D     x000D   x000D  for  var i   0  i  lt  functionsContainer length  i      x000D    functionsContainer i  argsContainer i    x000D    x000D   x000D   x000D

User · Answer

Maybe it can helps to someone     lt  DOCTYPE html gt   lt html gt   lt head lang  en  gt       lt meta charset  UTF-8  gt       lt title gt  lt  title gt       lt script type  text javascript  gt          window manager                 curHandler  0              handlers                           manager run   function  n                this handlers this curHandler  n                       manager changeHandler   function  n                if  n  gt   this handlers length    n  lt  0                    throw new Error  n must be from 0 to      this handlers length - 1   n                             this curHandler   n                      var a   function  n                console log  Handler a  Argument value is     n                       var b   function  n                console log  Handler b  Argument value is     n                       var c   function foo n                for  var i 0  i lt n  i                      console log i                                     manager handlers push a           manager handlers push b           manager handlers push c        lt  script gt   lt  head gt   lt body gt   lt input type  button  onclick  window manager run 2   value  Run handler with parameter 2  gt   lt input type  button  onclick  window manager run 4   value  Run handler with parameter 4  gt   lt p gt   lt div gt       lt select name  featured  size  1  id  item1  gt           lt option value  0  gt First handler lt  option gt           lt option value  1  gt Second handler lt  option gt           lt option value  2  gt Third handler lt  option gt       lt  select gt       lt input type  button  onclick  manager changeHandler document getElementById  item1   value    value  Change handler  gt   lt  div gt   lt  p gt   lt  body gt   lt  html gt

[javascript] Javascript Array of Functions

Examples related to javascript

Examples related to arrays

Examples related to function