Call a javascript function with arguments as an array

Question

I'm trying to execute a function from a string along with an array which should be treated as multiple arguments.

Example:

var app = {
  bar : function(val1, val2, val4){
    console.log(val1+val2+val3);
  }
};

fn_name = "bar";
fn_args = ['one', 'two', 'three'];

app[fn_name](fn_args);

The issue with this code is that the fn_args is being passed as one single argument rather than spread as separate arguments, Is there a work around? i still want to pass fn_name and fn_args dynamically.

instead of val1,val2, val3. you can use single argument args and use that inside bar function. — Riz
– Riz, Commented Jun 27, 2012 at 14:42

clyfe · Accepted Answer · 2012-06-27 14:39:44Z

2

Use the apply method:

app[fn_name].apply(app, fn_args);

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply

answered Jun 27, 2012 at 14:39

clyfe

23.8k8 gold badges88 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jbabey · Accepted Answer · 2012-06-27 14:42:08Z

1

Use function.apply().

app[fn_name].apply(app, fn_args);

The first arguument is the context (this) inside the function, and the second is the array whose items should be passed as arguments.

edited Jun 27, 2012 at 14:42

jbabey

46.7k12 gold badges73 silver badges94 bronze badges

answered Jun 27, 2012 at 14:40

Graham

6,5722 gold badges39 silver badges39 bronze badges

Collectives™ on Stack Overflow

Call a javascript function with arguments as an array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related