Maison > Article > interface Web > Comment renvoyer un tableau de sortie javascript
En JavaScript, le tableau est un type de données couramment utilisé. Nous pouvons utiliser des tableaux pour stocker une série de données. Lors de l'écriture de programmes JavaScript, vous devez souvent traiter des tableaux, comme parcourir des tableaux, modifier des tableaux, trier des tableaux, etc. Lors du traitement de tableaux, il est parfois nécessaire de stocker les résultats du traitement d'une certaine fonction dans un nouveau tableau ou de modifier le tableau d'origine. Le tableau modifié est ensuite renvoyé à l'appelant. Cet article explique comment renvoyer un tableau de sortie en JavaScript.
En JavaScript, une fonction renvoie le résultat de l'exécution de la fonction via l'instruction return. Une fonction peut renvoyer n'importe quel type de valeur, notamment des chaînes, des nombres, des objets, des valeurs booléennes et des tableaux. Si vous souhaitez renvoyer un tableau dans une fonction, vous pouvez utiliser le tableau comme valeur de retour de l'instruction return. Par exemple, le code suivant définit une fonction qui accepte un tableau comme paramètre et renvoie un sous-tableau de ce tableau avec des indices compris entre 0 et 2.
function getSubArray(arr) { return arr.slice(0, 3); } let arr = [1, 2, 3, 4, 5]; let subArr = getSubArray(arr); // [1, 2, 3]
Dans l'exemple ci-dessus, la fonction getSubArray renvoie le sous-tableau [1, 2, 3] du tableau arr via l'instruction return. Nous stockons le sous-tableau renvoyé par getSubArray dans la variable subArr. Le tableau de retour est renvoyé via l'instruction return.
En JavaScript, un tableau est un objet qui possède des méthodes intégrées qui peuvent être utilisées pour manipuler des tableaux. Ces méthodes renvoient un tableau modifié et nous pouvons utiliser ces méthodes pour renvoyer le tableau de sortie. Voici quelques méthodes de tableau couramment utilisées :
Par exemple, le code suivant définit une fonction qui accepte un tableau comme paramètre et ajoute un nouvel élément 1 à la fin du tableau. La fonction renvoie ensuite le tableau modifié à l'appelant.
function appendOne(arr) { arr.push(1); return arr; } let arr = [1, 2, 3]; let newArr = appendOne(arr); // [1, 2, 3, 1]
Dans l'exemple ci-dessus, nous avons défini une fonction appendOne, qui ajoute un nouvel élément 1 à la fin du tableau en appelant la méthode push de l'objet tableau. La fonction utilise ensuite une instruction return pour renvoyer le tableau modifié à l'appelant. Nous stockons le tableau renvoyé dans la variable newArr.
Dans ES6, nous pouvons utiliser l'opérateur spread (...) pour étendre un tableau. Lorsque nous transmettons un tableau en tant que paramètre à une fonction, nous pouvons utiliser l'opérateur spread pour développer le tableau en une liste de paramètres. De plus, nous pouvons également utiliser l'opérateur spread pour combiner deux ou plusieurs tableaux en un seul tableau.
Voici un exemple qui montre comment passer un tableau en paramètre à une fonction en utilisant l'opérateur spread :
function sum(...numbers) { let result = 0; for (let num of numbers) { result += num; } return result; } let arr = [1, 2, 3, 4]; let total = sum(...arr); // 10
Dans l'exemple ci-dessus, nous avons défini une fonction somme , cette fonction utilise une boucle for pour parcourir le tableau d'arguments qui lui sont transmis et calculer leur somme. Nous utilisons l'opérateur spread pour développer le tableau arr en une liste de paramètres. Nous stockons ensuite la valeur de retour de la fonction, 10, dans la variable totale.
Si nous voulons fusionner deux tableaux en un seul tableau, nous pouvons utiliser l'opérateur spread. Voici un exemple :
let arr1 = [1, 2]; let arr2 = [3, 4]; let arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4]
Dans l'exemple ci-dessus, nous développons deux tableaux arr1 et arr2 dans une liste de paramètres et les fusionnons dans un nouveau tableau arr3. Le nouveau tableau arr3 contient tous les éléments des tableaux d'origine arr1 et arr2.
Summary
En JavaScript, nous pouvons utiliser des instructions de retour, des méthodes intégrées d'objets tableau, des opérateurs de propagation et d'autres méthodes pour renvoyer le tableau modifié à l'appelant. Quoi qu'il en soit, cela nous aide à mieux gérer, modifier et renvoyer des tableaux lors de l'écriture de programmes JavaScript.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!