JavaScript: Calling a function with a variable number of arguments

This card describes how to pass an array with multiple element to a JavaScript function, so that the first array element becomes the first function argument, the second element becomes the second argument, etc.

Note how this is different from passing the entire array as the first argument. Compare these two different ways of calling fun() in Ruby:

Copy# Ruby
array = [1, 2, 3]
fun(array)  # same as fun([1, 2, 3]) (1 argument)
fun(*array) # same as fun(1, 2, 3)   (3 arguments)

Depending on your culture the spreading of array elements into multiple argument slots is called "splat args" or "spread args" or "rest operator".

EcmaScript 6 (ES6)

Copyconsole.log(...array)

EcmaScript 5 (ES5)

Copyvar array = [1, 2, 3]
console.log.apply(console, array)

CoffeeScript

Copyconsole.log(array...)