pasar una matriz como un parámetro de función en JavaScript

205

me gustaría llamar a una función utilizando una matriz como parámetros:pasar una matriz como un parámetro de función en JavaScript

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

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

¿Hay una mejor manera de pasar el contenido de x en call_me()?

Fuente

2010-05-18 Robert

294

const args = ['p0', 'p1', 'p2']; 
call_me.apply(this, args);

Consulte los documentos de MDN para Function.prototype.apply().

Si el ambiente es compatible con ECMAScript 6, se puede utilizar una vez spread argument:

call_me(...args);

Fuente

2010-05-18 09:44:05 KaptajnKold

Como nota al margen, si alguien quiere pasar una matriz asociativa (claves con nombre), entonces use un objeto. Viniendo de PHP (y siempre guiado por este hilo por google) esto me tomó un tiempo para averiguarlo. Puede pasar todo el objeto como un parámetro a continuación. http://www.w3schools.com/js/js_objects.asp – timhc22

¡Gracias por señalar el argumento 'spread'! No lo sabía –

¿Por qué no se pasa toda la matriz y el proceso según sea necesario dentro de la función?

var x = [ 'p0', 'p1', 'p2' ]; 
call_me(x); 

function call_me(params) { 
    for (i=0; i<params.length; i++) { 
    alert(params[i]) 
    } 
}

Fuente

2010-05-18 09:59:50

+31

Es porque no puedo modificar call_me(). Se define en alguna otra biblioteca y no es posible jugar con la API. – Robert

+43

+1 porque a pesar de que no responde la pregunta original, es probablemente lo que buscaban las más de 100 mil personas que vieron esta página. – Ishikawa

¿Puede alguien explicar qué está haciendo la línea "call_me (x)"? Parece que es un nombre de función sin la palabra clave function? ¿Qué está haciendo exactamente? – swam

Suponiendo que call_me es una función global, por lo que no espera que se establezca.

var x = ['p0', 'p1', 'p2']; 
call_me.apply(null, x);

Fuente

2010-05-18 10:05:19 plexer

Como @KaptajnKold habían respondido

var x = [ 'p0', 'p1', 'p2' ]; 
call_me.apply(this, x);

Y que no es necesario definir los parámetros para cada función call_me tampoco. Usted sólo puede usar arguments

function call_me() { 
    // arguments is a array consisting of params. 
    // arguments[0] == 'p0', 
    // arguments[1] == 'p1', 
    // arguments[2] == 'p2' 
}

Fuente

2015-02-18 19:51:34

Esta es una mala práctica ... no podrá ver qué necesita la función y cada parámetro es opcional si observa la función. – Robin

Nota este

function FollowMouse() { 
    for(var i=0; i< arguments.length; i++) { 
     arguments[i].style.top = event.clientY+"px"; 
     arguments[i].style.left = event.clientX+"px"; 
    } 

};

// -------------------------- -

página hTML

<body onmousemove="FollowMouse(d1,d2,d3)"> 

<p><div id="d1" style="position: absolute;">Follow1</div></p> 
<div id="d2" style="position: absolute;"><p>Follow2</p></div> 
<div id="d3" style="position: absolute;"><p>Follow3</p></div> 


</body>

puede llamar a la función con cualquier Args

<body onmousemove="FollowMouse(d1,d2)">

<body onmousemove="FollowMouse(d1)">

Fuente

2015-02-28 08:03:12

Esto es claramente parte de la respuesta. "argumentos" es definitivamente necesario para recuperar la matriz después de la llamada. ¡Gracias! – FlorianB

Hay un nuevo spread operator... que hace exactamente eso.

call_me(...x)

Está estandarizado a partir de ES6 pero aún no es compatible con IE.

Fuente

2016-01-11 18:25:38 BoltKey

-7

1-Usted puede unirse a la matriz en una cadena
2-pasarlo a funcionar
3-Llamada dividido

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
function myFunction(name) 
{ 
    var nameArray = name.split(','); 
. 
. 
. 
}

método de llamada:

myFunction(fruits.join(','));

o incluso

myFunction("orange,Apple,fruits");

Fuente

2016-02-02 05:49:05

pasar una matriz como un parámetro de función en JavaScript

Respuesta

Cuestiones relacionadas