Array de Valores Sucessivos

Beginner

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

Introdução

Neste laboratório, exploraremos como usar a função reduceSuccessive() para aplicar uma função fornecida a um acumulador e a cada elemento de um array, retornando um array de valores sucessivamente reduzidos. Aprenderemos como usar Array.prototype.reduce() para aplicar a função ao array e armazenar cada novo resultado. Ao final deste laboratório, você terá uma melhor compreensão de como usar esses métodos para manipular arrays em JavaScript.

Array de Valores Sucessivos

Para criar um array de valores sucessivos em JavaScript, você pode usar o método Array.prototype.reduce(). Este método aplica uma função a um acumulador e a cada elemento do array, da esquerda para a direita, e retorna um array dos valores sucessivamente reduzidos.

Veja como usar a função reduceSuccessive para aplicar a função fornecida ao array fornecido, armazenando cada novo resultado:

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

Você pode então chamar a função reduceSuccessive com um array, uma função e um valor inicial para o acumulador:

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

Para começar a praticar a codificação com esta função, abra o Terminal/SSH e digite node.

Resumo

Parabéns! Você concluiu o laboratório Array de Valores Sucessivos. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.