- כיצד ליצור פונקציית מפה עבור אובייקטים ב-JavaScript
- צור פונקציית מפה והצג את התכונות
- יצירת פונקציית מפה והקצאת ערכים באמצעות map.set() ב-JavaScript
- שיטת Object.entries() ב-JavaScript
כיצד ליצור פונקציית מפה עבור אובייקטים ב-JavaScript?
JavaScript מספק שיטת map() עבור אובייקטים שעובדת עם זוג מפתח-ערך. הוא בעל ערך לביצוע פעולות שונות על אובייקטים על ידי שימוש בערכי מפתח. זה עובד בדומה לשיטת array.map() על ידי איטרציה על אלמנטים של אובייקט. על ידי התחשבות בפונקציית המפה עבור אובייקטים, התחביר נכתב כדלקמן.
תחביר
מַפָּה ( פוּנקצִיָה ( אלמנט, אינדקס )
בתחביר זה, ה פוּנקצִיָה חוזר על ה אֵלֵמֶנט דרך ה אינדקס ערך.
הערה : ה מַפָּה() השיטה אינה יוצרת אובייקט חדש אלא משנה את האובייקט הקיים באמצעות ערכי האינדקס.
דוגמה 1: צור פונקציית מפה והצג את התכונות
דוגמה מותאמת ליצירת פונקציית מפה ולהקצאת ערכים שונים לתכונות. שיטת map() חוזרת על כל התכונות של האובייקט. לבסוף, הצג את כל התכונות יחד עם הערכים שלהן בחלון המסוף. הקוד הבא מתורגל באופן הבא:
קוד
לְנַחֵם. עֵץ ( 'צור פונקציית מפה עבור אובייקטים' ) ;תן Stud_Obj = {
'מתמטיקה_סימנים' : 80 ,
'English_Marks' : 77 ,
'סימנים_פיזיקה' : 90 } ;
לְהִתְנַגֵד . מפתחות ( Stud_Obj ) . מַפָּה ( פוּנקצִיָה ( ערך מפתח ) {
} ) ;
לְנַחֵם. עֵץ ( Stud_Obj ) ;
בקוד הזה:
- נוצר אובייקט עם השם 'Stud_Obj' ויש לו תכונות שונות, כולל 'Math_Marks', 'English_Marks' ו 'סימני_פיזיקה'.
- תכונות אלה מכילות שונות '80, 77 ו-90' ערכים שהוקצו על ידי המעי הגס.
- אחרי זה, אובייקט.מפתחות משמשים להחזרת התכונות של אובייקט 'Stud_Obj'.
- המפה() הפונקציה קוראת לכל התכונות הקיימות באובייקט דרך זוגות מפתח-ערך.
- בסופו של דבר, ה console.log() השיטה משמשת להצגת האובייקט 'Stud_Obj' בחלון המסוף.
תְפוּקָה
הפלט מחזיר את כל התכונות 'Math_Marks', 'English_Marks' ו 'סימנים_פיזיקה' עם הערכים שהוקצו להם בחלון המסוף.
דוגמה 2: צור פונקציית מפה והקצאת ערכים
דוגמה משמשת ליצירת אובייקט מפה חדש על ידי שימוש ב- חָדָשׁ מילת מפתח. לאחר מכן, ה map.set() נעשה שימוש בשיטות כדי להקצות תכונות בקוד JavaScript.
קוד
לְנַחֵם. עֵץ ( 'צור פונקציית מפה עבור אובייקטים' ) ;לתת למפות = חָדָשׁ מַפָּה ( ) ;
מַפָּה. מַעֲרֶכֶת ( 'הארי_יד' , 04 ) ;
מַפָּה. מַעֲרֶכֶת ( 'Peter_id' , 08 ) ;
מַפָּה. מַעֲרֶכֶת ( 'John_id' , 07 ) ;
תן obj_ids = מַעֲרָך . מ ( מַפָּה ) . לְהַפחִית ( ( obj_ids, [ ערך מפתח ] ) => (
לְהִתְנַגֵד . לְהַקְצוֹת ( obj_ids, { [ מַפְתֵחַ ] : ערך } )
) , { } ) ;
לְנַחֵם. עֵץ ( obj_ids ) ;
ההסבר של הקוד הוא כדלקמן:
- א מַפָּה האובייקט נוצר עם a חָדָשׁ מילת מפתח החוזרת על תכונות האובייקט.
- לאחר מכן, ה map.set() השיטה מנוצלת על ידי הקצאת התכונות 'הארי_id' , 'Peter_id' ו 'John_id'.
- לתכונות אלו יש ערכים ייחודיים כולל '04', '08', ו '07' בהתאמה.
- יתר על כן, ה Array.from() השיטה מחזירה את המערך מה- מַפָּה לְהִתְנַגֵד.
- לאחר מכן, ה לְהַפחִית() השיטה קוראת בחזרה את obj_ids ומחלץ את כל התכונות עם ערכים .
- ה Object.assign() השיטה מגדירה את הערך הספציפי לכל תכונה באמצעות מפתחות .
- סוף - סוף, ה console.log() השיטה מציגה את כל התכונות של לְהִתְנַגֵד על ידי מעבר 'obj_ids' .
תְפוּקָה
דוגמה 3: שיטת Object.entries() ב-JavaScript
JavaScript מספק את Object.entries() מתודה ומחזירה את כל התכונות של האובייקט על סמך ערך מפתח זוגות. על ידי התחשבות ב Object.entries() השיטה, הקוד כתוב באופן הבא.
קוד
לְנַחֵם. עֵץ ( 'צור פונקציית מפה עבור אובייקטים' ) ;const חפץ_ספורט = {
ראשון : 'קרִיקֶט' ,
שְׁנִיָה : 'כדורגל' ,
שְׁלִישִׁי : 'הוֹקֵי' ,
}
const M = מפה חדשה ( לְהִתְנַגֵד . ערכים ( חפץ_ספורט ) ) ;
לְנַחֵם. עֵץ ( M ) ;
תיאור הקוד הוא כדלקמן:
- ראשית, חפץ 'חפצי_ספורט' נוצר המכיל תכונות שונות 'שנייה ראשונה' ו 'שְׁלִישִׁי'.
- לתכונות אלו יש ערכים שונים כמו 'קריקט', 'כדורגל' ו 'הוֹקֵי'.
- לאחר מכן, ה Object.entries() השיטה מקבלת אובייקט 'חפצי_ספורט' ומחזיר את כל התכונות ומאחסן אותן במשתנה 'M'.
- סוף - סוף, ה console.log() השיטה משמשת כדי להציג את רשימת התכונות של אובייקטים בחלון המסוף.
תְפוּקָה
הפלט מציג את מספר התכונות כ-'3' ומציג את כל התכונות עם ערכים בחלון המסוף.
סיכום
JavaScript מספק א מַפָּה() שיטה ליצירת פונקציית מפה לאינטראקציה עם מאפיינים של אובייקטים. זה חוזר על כל התכונות של אובייקטים על ידי שימוש בערכי מפתח. בנוסף map.set() נעשה שימוש בשיטות כדי להקצות את התכונות של אובייקטים. יתר על כן, ה Object.entries() השיטה מחזירה את כל התכונות של האובייקט לאחר יצירת פונקציית מפה ב-JavaScript. מאמר זה מדגים את היצירה של פונקציית מפה עבור אובייקטים ומציג את כל התכונות של אובייקטים בחלון המסוף.