Въведение в итераторите и генераторите в JavaScript

От 2015 г. EcmaScript6 (ES6) донесе много напредък в практиките за кодиране на JavaScript. В JavaScript бяха въведени множество съвременни концепции, които значително подобриха кодирането. В тази статия ще научите за итератори и генератори в JavaScript.

Итераторите и генераторите са две различни понятия, но те се използват по сходни начини. Те се използват за повторение през масиви и обекти в JavaScript.

Итератори

Итераторите са като усъвършенствани цикли, които могат да бъдат поставени на пауза. Итераторите се състоят от следващия() функция, която връща стойността и състоянието на готово. The стойност field е стойността в масива при даден индекс. Свършен е булева стойност, която връща състоянието на завършване за итерацията през цикъла.

Ето пример, който демонстрира как итераторите:

функция fruitIter (плодове) {
нека индекс = 0;
връщане {
next: function () {
възвръщаем индекс }
}
}
const fruitArray = ["Манго", "Банан", "Грозде"];
const плодове = fruitIter (плодовеArray);
console.log (fruit.next (). стойност);

Изход:

Манго

Когато преминете през плодовеМасив масив в fruitIter () метод, той връща итератор, който се съхранява в плодове променлива. The индекс променлива в fruitIter () методът се инициализира на 0. Този метод връща следващия() функция, която помага цикъл през масива. The следващия() функцията проверява дали индексът е по -малък от плодовеМасив дължина. Ако е така, връща две променливи: името на плода в този индекс и Свършен състояние. Докато връща тези стойности, той също увеличава стойността на индекса.

За да проверите как работи този метод и да отпечатате името на плода, трябва да се обадите на следващия() функция на плодове итератор и да получите достъп до неговата стойност.

Свързани: Каква е функцията в програмирането?

Генератори

Генераторите са подобни на Iterators, но връщат множество стойности. Тези стойности се наричат ​​стойности на добив. Генераторните функции се записват с помощта на функция* синтаксис. * означава, че това не е нормална функция, а генератор. Ето пример за генератори:

функция* printFruits () {
добив "Манго";
добив "Банан";
добив "Грозде";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

Изход:

{value: 'Mango', done: false}

В този пример, добив е итераторът. Когато извикате функцията printFruits ()и отпечатайте fruit.next (), той ви дава обект, където получавате стойността. The Свършен status означава дали всички стойности са били повторени.

Научете структурите на данните с помощта на класове ES6 в JavaScript

JavaScript ES6 донесе много напредък в кодирането. Не на последно място е изграждането на структури от данни, използващи класове ES6. Натиснете. поп, и стекайте пътя си към върха и станете професионалист на JavaScript!

Как да изграждаме структури от данни с JavaScript ES6 класове

С въвеждането на JavaScript ES6 се появиха персонализирани структури от данни. Ето как да ги създадете и приложите.

Прочетете Напред

За автора