Passer un tableau à une fonction en JavaScript

Mehvish Ashiq 12 octobre 2023
  1. Utilisez la méthode apply() pour passer un tableau à une fonction en JavaScript
  2. Utiliser l’opérateur spread pour passer un tableau à une fonction en JavaScript
  3. Utiliser l’objet arguments pour passer un tableau à une fonction en JavaScript
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"
Mehvish Ashiq avatar Mehvish Ashiq avatar

Mehvish Ashiq is a former Java Programmer and a Data Science enthusiast who leverages her expertise to help others to learn and grow by creating interesting, useful, and reader-friendly content in Computer Programming, Data Science, and Technology.

LinkedIn GitHub Facebook

Article connexe - JavaScript Array