היכרות עם איטרטורים ומחוללים ב- JavaScript

מאז 2015, EcmaScript6 (ES6) הביאה התקדמות רבות בשיטות קידוד JavaScript. מושגים מודרניים רבים הוכנסו ל- JavaScript, ושיפרו מאוד את חוויית הקידוד. במאמר זה תלמד על איטרטורים ומחוללים ב- JavaScript.

איטרטורים ומחוללים הם שני מושגים שונים, אך הם משמשים בדרכים דומות. הם רגילים לחזור על מערכים ואובייקטים ב- JavaScript.

איטרטורים

איטרטורים הם כמו לולאות מתקדמות שניתן להשהות אותן. איטרטורים מורכבים מ הַבָּא() פונקציה, שמחזירה את הערך ואת הסטטוס שבוצע. ה ערך שדה הוא הערך במערך באינדקס נתון. בוצע הוא הערך הבולאני שמחזיר את סטטוס ההשלמה עבור האיטרציה דרך הלולאה.

להלן דוגמה המדגימה כיצד איטרטורים:

פונקציה fruitIter (פירות) {
תן אינדקס = 0;
חזור {
הבא: function () {
מדד החזרה }
}
}
const fruitsArray = ["מנגו", "בננה", "ענבים"];
פירות const = fruitIter (fruitsArray);
console.log (פירות.next (). ערך);

תְפוּקָה:

מנגו

כאשר אתה עובר את פירות Array מערך ב fruitIter () בשיטה, היא מחזירה איטרציה המאוחסנת ב- פירות מִשְׁתַנֶה. ה אינדקס משתנה ב- fruitIter () השיטה מתחילה ל 0. שיטה זו מחזירה את הַבָּא() פונקציה שעוזרת

עובר במערך. ה הַבָּא() פונקציה בודקת אם המדד קטן מ- פירות Array אורך. אם כן, הוא מחזיר שני משתנים: שם הפרי באינדקס זה ו- בוצע סטָטוּס. תוך החזרת ערכים אלה, הוא גם מגדיל את ערך האינדקס.

כדי לבדוק כיצד שיטה זו עובדת ולהדפיס את שם הפרי, עליך להתקשר ל הַבָּא() לתפקד על פירות iterator וקבל גישה לערכו.

קָשׁוּר: מהי פונקציה בתכנות?

גנרטורים

גנרטורים דומים לאיטרטורים אך הם מחזירים מספר ערכים. ערכים אלה נקראים ערכי תשואה. פונקציות הגנרטור נכתבות באמצעות פונקציה* תחביר. * מציין שזה לא פונקציה רגילה, אלא גנרטור. להלן דוגמה לגנרטורים:

function* printFruits () {
תשואה "מנגו";
תשואה "בננה";
להניב "ענבים";
}
const fruit = printFruits ();
console.log (fruit.next ()); 

תְפוּקָה:

{value: 'Mango', done: false}

בדוגמה זו, תְשׁוּאָה הוא האיטרטור. כאשר אתה קורא לפונקציה printFruits (), ולהדפיס fruit.next (), זה נותן לך אובייקט שבו אתה מקבל את הערך. ה בוצע הסטטוס מציין אם כל הערכים חזרו על עצמם.

למד מבני נתונים באמצעות שיעורי ES6 ב- JavaScript

JavaScript ES6 הביא התקדמות רבה בשיטות קידוד. לא פחות מכך הוא בניית מבני נתונים באמצעות מחלקות ES6. לִדחוֹף. פופ, וערם את הדרך למעלה והפוך למקצוען JavaScript!

כיצד לבנות מבני נתונים באמצעות שיעורי ES6 של JavaScript

עם הכנסת JavaScript ES6 הגיעו מבני נתונים מותאמים אישית. להלן כיצד ליצור וליישם אותם.

קרא הבא

על הסופר