שרשור שיטות מערך
חלק מהיחידה לוגיקה וזרימת התוכנית במסלול ה-JavaScript של Coddy. שיעור 55 מתוך 65.
שרשור פעולות במערך מאפשר לבצע מספר פעולות על מערך במשפט אחד. הגישה הזו יכולה להפוך את הקוד שלך לתמציתי וקריא יותר.
הנה דוגמה לשרשור של שיטות מערך:
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const result = numbers
.filter(num => num % 2 === 0)
.map(num => num * 2)
.reduce((sum, num) => sum + num, 0);
console.log(result); // 60בדוגמה הזו, נתחיל במערך של מספרים, נסנן את המספרים האי־זוגיים, נכפיל כל אחד מהמספרים שנותרו, ואז נסכם את התוצאות.
לסדר השרשור יש חשיבות. כל מתודה בשרשרת פועלת על התוצאה של המתודה הקודמת.
אתגר
קלצרו פונקציה בשם processFruits שמקבלת מערך של אובייקטי פירות. לכל אובייקט פרי יש מאפיינים name (מחרוזת) ו-quantity (מספר).
הפונקציה צריכה להשתמש בשיטות מערך משורשרות כדי:
- לסנן החוצה פירות שהכמות שלהם היא 0
- להמיר את השם של כל פרי לאותיות גדולות
- ליצור מחרוזת שמציגה את כל הפירות עם הכמויות שלהם, כמו "APPLE: 5, BANANA: 3"
תזכורת קצרה:
אפשר להשתמש בפונקציה .join(", ") כדי להמיר מערך של מחרוזות למחרוזת אחת.
אפשר לשרשר גם את הפונקציה .join():
arr.filter(...)
.map(...)
.join(...)נסו בעצמכם
function processFruits(fruits) {
// כתבו את הקוד שלכם כאן
}
השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה לוגיקה וזרימת התוכנית
4JSON חלק 2
מעבר על JSONJSON מקונןשרשור אופציונלי ב-JSONהעתקה שטחית והעתקה עמוקהסיכום - חנות אופנייםסיכום - מערכת השמש10ניהול מערכת הפסטיבל
סקירת הפרויקטהוספת סרטים ואולמות2מערכים רב־ממדיים
יסודות המערכים הדו־ממדייםגישה לאיברים במערך דו־ממדילולאות מקוננות עם מערכים דו־ממדייםסיכום – מערכים דו־ממדייםחיבור וחיסור מטריצותמערכים משונניםמערכים תלת־ממדיים ומעבר לכךתבניות נפוצות במערכים דו־ממדייםסיכום – כל מה שצריך לדעת על מערכים3JSON חלק 1
מהו JSON?בדיקה אם מפתח קייםשיטות אובייקטאופרטור Spread חלק 1אופרטור Spread חלק 2הסרת מפתחותסיכום – מניפולציה של מפתחות ב-JSON6קבוצות חלק 2
מתמטיקה - איחוד קבוצותמתמטיקה - חיתוך קבוצותמתמטיקה - הפרש קבוצותמתמטיקה - הפרש סימטריתת-קבוצות ועל-קבוצותחזרה - חברי הקבוצה9שיטות מערך מתקדמות
שיטות Join ו-Splitשיטת Mapשיטת Filterשיטת Reduceשרשור שיטות מערךהאם ForEach ו-Map זהים?שיטת Sortשיטות Find ו-FindIndexסיכום – אמן השרשורתרגלו בעצמכם: קומפיילר JavaScript אונליין