Tableau de valeurs successives

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer comment utiliser la fonction reduceSuccessive() pour appliquer une fonction donnée à un accumulateur et à chaque élément d'un tableau, renvoyant un tableau de valeurs réduites successivement. Nous allons apprendre à utiliser Array.prototype.reduce() pour appliquer la fonction au tableau et stocker chaque nouveau résultat. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière d'utiliser ces méthodes pour manipuler les tableaux en JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28632{{"Tableau de valeurs successives"}} javascript/data_types -.-> lab-28632{{"Tableau de valeurs successives"}} javascript/arith_ops -.-> lab-28632{{"Tableau de valeurs successives"}} javascript/comp_ops -.-> lab-28632{{"Tableau de valeurs successives"}} javascript/higher_funcs -.-> lab-28632{{"Tableau de valeurs successives"}} end

Tableau de valeurs successives

Pour créer un tableau de valeurs successives en JavaScript, vous pouvez utiliser la méthode Array.prototype.reduce(). Cette méthode applique une fonction à un accumulateur et à chaque élément du tableau, de gauche à droite, et renvoie un tableau des valeurs réduites successivement.

Voici comment utiliser la fonction reduceSuccessive pour appliquer la fonction donnée au tableau donné, en stockant chaque nouveau résultat :

const reduceSuccessive = (arr, fn, acc) =>
  arr.reduce(
    (res, val, i, arr) => (res.push(fn(res.slice(-1)[0], val, i, arr)), res),
    [acc]
  );

Vous pouvez ensuite appeler la fonction reduceSuccessive avec un tableau, une fonction et une valeur initiale pour l'accumulateur :

reduceSuccessive([1, 2, 3, 4, 5, 6], (acc, val) => acc + val, 0);
// [0, 1, 3, 6, 10, 15, 21]

Pour commencer à pratiquer le codage avec cette fonction, ouvrez le Terminal/SSH et tapez node.

Sommaire

Félicitations ! Vous avez terminé le laboratoire Tableau de valeurs successives. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.