Introducción a los iteradores y generadores en JavaScript

Desde 2015, EcmaScript6 (ES6) ha traído muchos avances en las prácticas de codificación de JavaScript. Se introdujeron numerosos conceptos modernos en JavaScript, lo que mejoró enormemente la experiencia de codificación. En este artículo, aprenderá sobre iteradores y generadores en JavaScript.

Los iteradores y los generadores son dos conceptos diferentes, pero se usan de manera similar. Se utilizan para iterar a través de matrices y objetos en JavaScript.

Iteradores

Los iteradores son como bucles avanzados que se pueden pausar. Los iteradores consisten en Siguiente() función, que devuelve el valor y el estado hecho. los valor campo es el valor de la matriz en un índice determinado. hecho es el valor booleano que devuelve el estado de finalización de la iteración a través del ciclo.

Aquí hay un ejemplo que demuestra cómo los iteradores:

function fruitIter (frutas) {
let index = 0;
regreso {
siguiente: function () {
índice de retorno }
}
}
const fruitArray = ["Mango", "Plátano", "Uvas"];
frutas const = fruitIter (fruitsArray);
console.log (frutas.next (). valor);

Producción:

Mango

Cuando pasas el frutasArray matriz en el fruitIter () método, devuelve un iterador que se almacena en el frutas variable. los índice variable en el fruitIter () El método se inicializa a 0. Este método devuelve el Siguiente() función que ayuda en recorriendo la matriz. los Siguiente() La función comprueba si el índice es menor que frutasArray largo. Si es así, devuelve dos variables: el nombre de la fruta en ese índice y el hecho estado. Al devolver estos valores, también incrementa el valor del índice.

Para comprobar cómo funciona este método e imprimir el nombre de la fruta, debe llamar al Siguiente() función en el frutas iterador y obtenga acceso a su valor.

Relacionado: ¿Qué es una función en la programación?

Generadores

Los generadores son similares a los iteradores pero devuelven varios valores. Estos valores se denominan valores de rendimiento. Las funciones del generador se escriben utilizando el función * sintaxis. * denota que no es una función normal, sino un generador. Aquí hay un ejemplo de generadores:

function * printFruits () {
producir "Mango";
rendimiento "Plátano";
producir "Uvas";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

Producción:

{valor: 'Mango', hecho: falso}

En este ejemplo, producir es el iterador. Cuando llamas a la función printFruits ()e imprimir fruit.next (), te da un objeto donde obtienes el valor. los hecho el estado indica si se han iterado todos los valores.

Aprenda estructuras de datos usando clases de ES6 en JavaScript

JavaScript ES6 trajo muchos avances en las prácticas de codificación. No menos importante es la construcción de estructuras de datos utilizando clases ES6. Empujar. pop, y apile su camino hacia la cima y conviértase en un profesional de JavaScript!

Cómo construir estructuras de datos con clases de JavaScript ES6

Con la introducción de JavaScript ES6 llegaron las estructuras de datos personalizadas. Aquí se explica cómo crearlos y aplicarlos.

Leer siguiente

Sobre el Autor