Uma introdução aos iteradores e geradores em JavaScript

Desde 2015, EcmaScript6 (ES6) trouxe muitos avanços nas práticas de codificação JavaScript. Vários conceitos modernos foram introduzidos no JavaScript, melhorando muito a experiência de codificação. Neste artigo, você aprenderá sobre iteradores e geradores em JavaScript.

Iteradores e geradores são dois conceitos diferentes, mas são usados ​​de maneiras semelhantes. Eles são usados ​​para iterar por meio de matrizes e objetos em JavaScript.

Iteradores

Os iteradores são como loops avançados que podem ser pausados. Iteradores consistem em próximo() função, que retorna o valor e o status concluído. o valor campo é o valor na matriz em um determinado índice. feito é o valor booleano que retorna o status de conclusão da iteração por meio do loop.

Aqui está um exemplo que demonstra como os iteradores:

function fruitIter (fruits) {
deixe o índice = 0;
Retorna {
próximo: function () {
índice de retorno }
}
}
const fruitsArray = ["Manga", "Banana", "Uvas"];
const frutas = fruitIter (fruitsArray);
console.log (frutas.next (). valor);

Saída:

Manga

Quando você passa o frutasArray matriz no fruitIter () método, ele retorna um iterador que é armazenado no frutas variável. o índice variável no fruitIter () método é inicializado em 0. Este método retorna o próximo() função que ajuda em percorrendo a matriz. o próximo() função verifica se o índice é menor que frutasArray comprimento. Em caso afirmativo, ele retorna duas variáveis: o nome da fruta nesse índice e o feito status. Ao retornar esses valores, ele também incrementa o valor do índice.

Para verificar como esse método funciona e imprimir o nome da fruta, você precisa chamar o próximo() função no frutas iterador e obtenha acesso ao seu valor.

Relacionado: O que é uma função na programação?

Geradores

Os geradores são semelhantes aos iteradores, mas retornam vários valores. Esses valores são chamados de valores de rendimento. As funções do gerador são escritas usando o sintaxe de função *. * denota que não é uma função normal, mas um gerador. Aqui está um exemplo de geradores:

function * printFruits () {
rendimento "manga";
rendimento "Banana";
rendimento "Uvas";
}
const fruit = printFruits ();
console.log (fruta.next ()); 

Saída:

{valor: 'Manga', feito: falso}

Neste exemplo, produção é o iterador. Quando você chama a função printFruits (), e imprimir fruit.next (), ele fornece um objeto de onde você obtém o valor. o feito status denota se todos os valores foram iterados.

Aprenda estruturas de dados usando classes ES6 em JavaScript

JavaScript ES6 trouxe muitos avanços nas práticas de codificação. Não menos importante, é construir estruturas de dados usando classes ES6. Empurre. pop, e empilhe seu caminho até o topo e torne-se um profissional de JavaScript!

Como construir estruturas de dados com classes JavaScript ES6

Com a introdução do JavaScript ES6 vieram as estruturas de dados customizadas. Veja como criá-los e aplicá-los.

Leia a seguir

Sobre o autor