Passer un tableau à une fonction en JavaScript
-
Utilisez la méthode
apply()
pour passer un tableau à une fonction en JavaScript -
Utiliser l’opérateur
spread
pour passer un tableau à une fonction en JavaScript -
Utiliser l’objet
arguments
pour passer un tableau à une fonction en JavaScript
Ce tutoriel a pour but de vous apprendre les différentes manières de passer un tableau à une fonction en utilisant JavaScript. Il met en évidence la méthode apply()
, l’opérateur spread
, l’objet arguments
et la manière de passer un tableau entier à une fonction en tant que paramètre.
La méthode apply()
exécute une fonction avec la valeur this
et donne des arguments
sous la forme d’un tableau ou d’un objet semblable à un tableau. Il est utilisé sur une fonction particulière qui doit être transmise.
Dans la méthode apply()
, la valeur this
est le premier paramètre qui appelle la fonction, et arguments
est le second avec le tableau d’arguments à passer.
Rappelez-vous, si this
valeur ne peut pas être la valeur d’origine vue par une fonction (si la méthode est une fonction en code mode non strict). L’objet global sera null
et undefined
, tandis que les valeurs primitives seront encadrées.
ECMAScript 6 (ES6) fournit un opérateur étonnant nommé spread
. Il est écrit ...
dans le code JavaScript. Cet opérateur autorise les itérables, par exemple, les tableaux. Il est utilisé pour traiter tous les éléments du tableau ou un objet.
D’autre part, l’objet arguments
est un objet de type tableau (ce qui signifie que les arguments
ont la propriété length
) que nous pouvons utiliser dans la fonction qui a les valeurs des arguments.
Utilisez la méthode apply()
pour passer un tableau à une fonction en JavaScript
var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName.apply(this, names);
function displayName() {
for (var i = 0; i < names.length; i++) {
console.log(names[i]);
}
}
Production :
"Mehvish"
"John"
"Henry"
"Thomas"
Dans l’exemple donné ci-dessus, nous avons un tableau de names
et une fonction nommée displayName()
pour imprimer tous les éléments du tableau names
. Nous utilisons la méthode apply()
pour passer un tableau à la fonction displayName()
.
Utiliser l’opérateur spread
pour passer un tableau à une fonction en JavaScript
var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(...names);
function displayName() {
for (var i = 0; i < names.length; i++) {
console.log(names[i]);
}
}
Production :
"Mehvish"
"John"
"Henry"
"Thomas"
Ici, nous avons à nouveau le tableau names
et la fonction displayNames()
pour imprimer tous les éléments du tableau. On utilise la syntaxe spread
...
pour passer tout le tableau à la fonction.
Utiliser l’objet arguments
pour passer un tableau à une fonction en JavaScript
var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);
function displayName() {
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
Production :
["Mehvish", "John", "Henry", "Thomas"]
Dans l’extrait de code donné ci-dessus, nous utilisons l’objet arguments
pour passer le tableau names
à la fonction displayName()
. Nous pouvons passer le tableau entier à la fonction comme argument pour simplifier le code.
Pour cela, vous pouvez pratiquer le code suivant.
var names = ['Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);
function displayName() {
for (var i = 0; i < names.length; i++) {
console.log(names[i]);
}
}
Production :
"Mehvish"
"John"
"Henry"
"Thomas"
Article connexe - JavaScript Array
- Vérifiez si le tableau contient une valeur en JavaScript
- Convertir un tableau en chaîne en JavaScript
- Créer un tableau de longueur spécifique en JavaScript
- Rechercher des objets dans un tableau en JavaScript
- Supprimer le premier élément d'un tableau en JavaScript
- Convertir des arguments en un tableau en JavaScript