Argumentos ilimitados en una función de JavaScript

Question

¿Puede una función de JavaScript tomar argumentos ilimitados? Algo como esto:

testArray(1, 2, 3, 4, 5...); 

Estoy tratando:

var arr = []; 
function testArray(A) { 
    arr.push(A); 
} 

Pero esto no funciona (la salida es sólo el primer argumento). O la única manera es:

function testArray(a, b, c, d, e...) { 

} 

Gracias

Answer 1

Hay una variable extraña "mágica" puede hacer referencia a los llamados "argumentos":

function manyArgs() { 
    for (var i = 0; i < arguments.length; ++i) 
    alert(arguments[i]); 
} 

Es como una matriz, pero no es una matriz. De hecho, es tan extraño que no deberías usarlo demasiado. Una práctica común es conseguir que los valores de la misma en una matriz real de :

function foo() { 
    var args = Array.prototype.slice.call(arguments, 0); 
    // ... 

En ese ejemplo, "args" habría una gama normal, sin ninguna de la rareza. Hay todo tipo de problemas desagradables con "argumentos", y en ECMAScript 5 su funcionalidad se verá reducida.

edición — aunque el uso de la función .slice() seguro que es conveniente, resulta que pasando el objeto arguments de una función causa dolores de cabeza para la optimización, tanto es así que las funciones que hacen que no puede quedar optimizado en absoluto. Por lo tanto, la forma más sencilla, fácil de convertir arguments en una matriz es

function foo() { 
    var args = []; 
    for (var i = 0; i < arguments.length; ++i) args[i] = arguments[i]; 
    // ... 
} 

More about arguments and optimization.

Answer 2

function toArray() { 
    return arguments; 
} 

var myargs = toArray(1, 2, 3, 4, 5, 6); 

La palabra clave arguments está disponible en todas las funciones JS

Answer 3

var arr = []; 
function testArray() { 
    Array.prototype.push.apply(arr, arguments); 
} 

Answer 4

A partir de ECMAScript 2015 (o ES6) también tenemos acceso a rest parameters que nos da una manera un poco más clara de administrar los argumentos:

function foo(a, b, ...others) { 
    console.log("a and b are ", a, b); 

    for (let val of others) { 
     console.log(val); 
    } 
} 

foo(1, 2, 3, 4, 5); 

En este momento, esto es compatible con Chrome 47+, Firefox 15+ y Edge. La característica también está disponible a través de Babel y TypeScript transpiling down to ES5.

Answer 5

Con ECMAScript 6, puede utilizar resto de la sintaxis de argumentos:

const testArray = (...args) => { 
    console.log(args); 
}; 

testArray(1, 2, 3, 4, 5, 6, 7, 8, 9, 10); 

Answer 6

también puede simplemente "fundido" que, ahorrándole el feo bucle:

var getArguments = function() { 
    return arguments; 
}; 

var foo = getArguments(1,2,3,4); 

// console.log(foo.slice()); => TypeError: foo.slice is not a function 

var foo = Object.values(foo); 

console.log(foo); // => [ 1, 2, 3, 4 ] 

foo.push(5); 

console.log(foo); // => [ 1, 2, 3, 4, 5 ]