Passing an array as a function parameter in JavaScript

javascript arrays function call
Robert picture Robert · May 18, 2010 · Viewed 548.1k times · Source

I'd like to call a function using an array as parameters:

const x = ['p0', 'p1', 'p2'];
call_me(x[0], x[1], x[2]); // I don't like it

function call_me (param0, param1, param2 ) {
  // ...
}

Is there a better way of passing the contents of x into call_me()?

Answer

KaptajnKold picture KaptajnKold · May 18, 2010 
const args = ['p0', 'p1', 'p2'];
call_me.apply(this, args);

See MDN docs for Function.prototype.apply().

If the environment supports ECMAScript 6, you can use a spread argument instead:

call_me(...args);

Related questions

Javascript call() & apply() vs bind()?

I already know that apply and call are similar functions which setthis (context of a function). The difference is with the way we send the arguments (manual vs array) Question: But when should I use the bind() method ? var obj = { …

Read More
Javascript Array of Functions

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 …

Read More
How to use optional chaining with array or functions?

I'm trying to use optional chaining with an array instead of an object but not sure how to do that: Here's what I'm trying to do myArray.filter(x => x.testKey === myTestKey)?[0]. Also trying similar thing with a function: …

Read More