Je voudrais appeler une fonction en utilisant un tableau comme paramètres:Passer un tableau en tant que paramètre de fonction 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) {
// ...
}
Y at-il une meilleure façon de passer le contenu de x en call_me()?
const args = ['p0', 'p1', 'p2'];
call_me.apply(this, args);
Voir les documents MDN pour Function.prototype.apply().
Si l'environnement prend en charge ECMAScript 6, vous pouvez utiliser un spread argument à la place:
call_me(...args);
Pourquoi passez-vous pas le tableau complet et le processus au besoin dans la fonction?
var x = [ 'p0', 'p1', 'p2' ];
call_me(x);
function call_me(params) {
for (i=0; i<params.length; i++) {
alert(params[i])
}
}
C'est parce que je ne peux pas modifier call_me(). Il est défini dans une autre bibliothèque et il n'est pas possible de jouer avec l'API. – Robert
+1 parce que même s'il ne répond pas à la question initiale, c'est probablement ce que recherchaient les 100K + personnes qui ont consulté cette page. – Ishikawa
Quelqu'un peut-il expliquer ce que fait la ligne "call_me (x)"? Il semble que c'est un nom de fonction sans le mot-clé de la fonction? Que fait-il exactement? – swam
En supposant que call_me est une fonction globale, vous ne vous attendez pas à ce que cela soit défini.
var x = ['p0', 'p1', 'p2'];
call_me.apply(null, x);
Comme @KaptajnKold avait répondu
var x = [ 'p0', 'p1', 'p2' ];
call_me.apply(this, x);
Et vous n'avez pas besoin de définir tous les paramètres pour la fonction call_me soit. Vous pouvez simplement utiliser arguments
function call_me() {
// arguments is a array consisting of params.
// arguments[0] == 'p0',
// arguments[1] == 'p1',
// arguments[2] == 'p2'
}
Ceci est une mauvaise pratique ... vous ne serez pas en mesure de voir ce que la fonction a besoin et tous les paramètres sont facultatifs si vous regardez la fonction. – Robin
Notez cette
function FollowMouse() {
for(var i=0; i< arguments.length; i++) {
arguments[i].style.top = event.clientY+"px";
arguments[i].style.left = event.clientX+"px";
}
};
// -------------------------- -
page 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>
peut appeler la fonction avec Args
toute<body onmousemove="FollowMouse(d1,d2)">
ou
<body onmousemove="FollowMouse(d1)">
Cela fait clairement partie de la réponse. "arguments" est certainement nécessaire pour récupérer le tableau après l'appel. Merci! – FlorianB
Il y a une nouvelle spread operator... qui fait exactement cela.
call_me(...x)
Il est standardisé à partir de ES6 mais n'est pas encore supporté par IE.
1 vous pouvez rejoindre le tableau dans une chaîne
2 passes pour fonctionner
3 Appel dédoublé
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction(name)
{
var nameArray = name.split(',');
.
.
.
}
méthode d'appel:
myFunction(fruits.join(','));
ou même
myFunction("orange,Apple,fruits");
En note, Si quelqu'un veut passer un tableau associatif (nommé keys) à la place, alors utilisez un objet. Venant de PHP (et toujours conduit à ce fil par google) cela m'a pris un moment pour comprendre. Vous pouvez passer l'objet entier comme paramètre alors. http://www.w3schools.com/js/js_objects.asp – timhc22
Merci d'avoir signalé l'argument 'spread'! Je ne savais pas à ce sujet. –