{"id":91985,"date":"2022-10-12T10:22:38","date_gmt":"2022-10-12T15:22:38","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/en-introduktion-till-iteratorer-och-generatorer-i-javascript\/"},"modified":"2022-10-12T10:22:38","modified_gmt":"2022-10-12T15:22:38","slug":"en-introduktion-till-iteratorer-och-generatorer-i-javascript","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/en-introduktion-till-iteratorer-och-generatorer-i-javascript\/","title":{"rendered":"En introduktion till iteratorer och generatorer i JavaScript"},"content":{"rendered":"
\n

Sedan 2015 har EcmaScript6 (ES6) medf\u00f6rt m\u00e5nga framsteg inom JavaScript-kodning. M\u00e5nga moderna koncept introducerades till JavaScript, vilket avsev\u00e4rt f\u00f6rb\u00e4ttrade kodningsupplevelsen. I den h\u00e4r artikeln kommer du att l\u00e4ra dig om iteratorer och generatorer i JavaScript.<\/p>\n

Iteratorer och generatorer \u00e4r tv\u00e5 olika koncept, men de anv\u00e4nds p\u00e5 liknande s\u00e4tt. De anv\u00e4nds f\u00f6r att iterera genom arrayer och objekt i JavaScript.<\/p>\n

<\/span> Iteratorer<\/span><\/h2>\n

Iteratorer \u00e4r som avancerade loopar som kan pausas. Iteratorer best\u00e5r av N\u00e4sta() <\/strong>funktion, som returnerar v\u00e4rdet och statusen klar. De v\u00e4rde <\/strong>field \u00e4r v\u00e4rdet i arrayen vid ett givet index. Gjort <\/strong>\u00e4r det booleska v\u00e4rdet som returnerar status f\u00f6r slutf\u00f6rande f\u00f6r iterationen genom slingan.<\/p>\n

H\u00e4r \u00e4r ett exempel som visar hur iteratorer:<\/p>\n

function fruitIter(fruits){let index = 0;return {next: function(){return index < fruits.length ? { value: fruits[index++], done: false } : {done: true}}}}const fruitsArray = [\"Mango\", \"Banana\", \"Grapes\"];const fruits = fruitIter(fruitsArray);console.log(fruits.next().value);<\/pre>\n
Produktion<\/strong>:<\/p>\n
Mango<\/pre>\n
N\u00e4r du passerar fruitsArray<\/strong> array i fruitIter()<\/strong> metoden returnerar den en iterator som \u00e4r lagrad i frukter<\/strong> variabel.  De index<\/strong> variabel i fruitIter()<\/strong> metoden initieras till 0. Denna metod returnerar N\u00e4sta()<\/strong> funktion som hj\u00e4lper till att loopa genom arrayen.  De N\u00e4sta()<\/strong> funktionen kontrollerar om indexet \u00e4r mindre \u00e4n fruitsArray<\/strong> l\u00e4ngd.  Om s\u00e5 \u00e4r fallet returnerar den tv\u00e5 variabler: fruktnamnet vid det indexet och Gjort<\/strong> status.  Samtidigt som dessa v\u00e4rden returneras, \u00f6kar den ocks\u00e5 indexv\u00e4rdet.<\/p>\n
F\u00f6r att kontrollera hur den h\u00e4r metoden fungerar och skriva ut fruktnamnet m\u00e5ste du ringa till N\u00e4sta()<\/strong> funktion p\u00e5 frukter<\/strong> iterator och f\u00e5 tillg\u00e5ng till dess v\u00e4rde.<\/p>\n
<\/span>  Generatorer<\/span><\/h2>\n
Generatorer liknar Iteratorer men de returnerar flera v\u00e4rden.  Dessa v\u00e4rden kallas avkastningsv\u00e4rden.  Generatorfunktioner skrivs med hj\u00e4lp av funktion* syntax<\/strong>. *<\/strong> anger att det inte \u00e4r en normal funktion, utan en generator.  H\u00e4r \u00e4r ett exempel p\u00e5 generatorer:<\/p>\n
function* printFruits(){yield \"Mango\";yield \"Banana\";yield \"Grapes\";}const fruit = printFruits();console.log(fruit.next()); <\/pre>\n
Produktion<\/strong>:<\/p>\n
{value: 'Mango', done: false}<\/pre>\n
I det h\u00e4r exemplet, avkastning<\/strong> \u00e4r iteratorn.  N\u00e4r du anropar funktionen printFruits()<\/strong>, och skriv ut fruit.next()<\/strong>, det ger dig ett objekt d\u00e4r du f\u00e5r v\u00e4rdet.  De Gjort <\/strong>status anger om alla v\u00e4rden har itererats igenom.<\/p>\n
<\/span>  L\u00e4r dig datastrukturer med ES6-klasser i JavaScript<\/span><\/h2>\n
JavaScript ES6 gav m\u00e5nga framsteg i kodningsmetoder.  Inte minst \u00e4r att bygga datastrukturer med ES6-klasser.  Tryck.  pop, och stapla dig till toppen och bli ett JavaScript-proffs!<\/p>\n
    Om f\u00f6rfattaren<\/strong><\/p>\n
            Unnati Bamania (14 artiklar publicerade)
<\/strong><\/p>\n
Unnati \u00e4r en entusiastisk fullstack-utvecklare.  Hon \u00e4lskar att bygga projekt med hj\u00e4lp av olika programmeringsspr\u00e5k.  I henne free tid, hon \u00e4lskar att spela gitarr och \u00e4r en matlagningsentusiast. <\/p>\n
                            Mer fr\u00e5n Unnati Bamania<\/p>\n
<\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n
G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n
Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n  
\n
\n
Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n