כיצד לבצע לולאה דרך אובייקט JavaScript רגיל

Kyzd Lbz Lwl H Drk Wbyyqt Javascript Rgyl



בשפת JavaScript, אובייקט הוא אוסף נתונים ספציפי. אוספי נתונים אלה מכילים מאפיין אחד או יותר המגדיר אותו, כמו גם שיטות לביצוע משימות נפוצות. עם זאת, לולאה דרך מערך נתונים אינספור הוא קושי אופייני למתכנתים. כששומעים את המונח ' לוּלָאָה ” ב-JavaScript, מתכנתים חושבים בדרך כלל על לולאות רבות, כגון עבור לולאות, forEach(), map() ואחרות. למרבה הצער, שיטות אלו אינן חלות על האובייקטים מכיוון שהאובייקטים אינם ניתנים לחזרה.

מדריך זה ידגים את הדרכים ללולאה/חזרה דרך אובייקט JavaScript פשוט.

כיצד לעבור בלולאה דרך אובייקט JavaScript רגיל/פשוט?

כדי לבצע לולאה/חזרה דרך אובייקט JavaScript פשוט, השתמש בשיטות הבאות:







שיטה 1: לולאה דרך אובייקט JavaScript רגיל/פשוט באמצעות לולאת for-in

כדי לעבור דרך אובייקט, השתמש בלולאה 'עבור פנימה'. זה חוזר על פני כל תכונות המחרוזת הספורות של אובייקט המשויכות לאובייקט.



תחביר
השתמש בתחביר שסופק כדי להשתמש בלולאת for-in עבור לולאה דרך אובייקט:



ל ( מִשְׁתַנֶה ב לְהִתְנַגֵד )

דוגמא
צור אובייקט עם מאפיינים בזוגות מפתח-ערך:





היה לְהִתְנַגֵד = {
'JavaScript' : אחד ,
'ג'אווה' : 5 ,
'פִּיתוֹן' : עשרים ,
'HTML' : 2 ,
'CSS' : אחד עשר
}

סיבוב מעל האובייקט על סמך המפתחות של אובייקט:

ל ( const מַפְתֵחַ ב לְהִתְנַגֵד ) {
לְנַחֵם. עֵץ ( `$ { מַפְתֵחַ } : $ { לְהִתְנַגֵד [ מַפְתֵחַ ] } ` ) ;
}

הפלט מציג את כל המאפיינים של האובייקט בזוג מפתח-ערך:



שיטה 2: לולאה דרך אובייקט JavaScript רגיל/פשוט באמצעות שיטת Object.keys()

לכל מאפיין באובייקט יש ערך תואם, כלומר כל מאפיין מורכב מצמדי מפתח-ערך. אתה יכול לחלץ את המפתחות, הערכים או גם מפתחות וגם ערכים כערכים במערך באמצעות השיטות הסטטיות של האובייקט. אם ברצונך לאחזר מפתחות של אובייקט, השתמש ב-' Object.keys() ' שיטה.

תחביר
עקוב אחר התחביר הנתון כדי לעבור דרך אובייקט כדי לאחזר את המאפיינים/מפתחות של אובייקט:

לְהִתְנַגֵד . מפתחות ( לְהִתְנַגֵד )

דוגמא
הפעל את שיטת Object.keys() ואחסן את מערך המפתחות שנוצר של האובייקט במשתנה ' objKeys ”:

const objKeys = לְהִתְנַגֵד . מפתחות ( לְהִתְנַגֵד ) ;

כפי שניתן לראות בפלט, כל המפתחות של אובייקט אוחזרו בהצלחה:

שיטה 3: לולאה דרך אובייקט JavaScript רגיל/פשוט באמצעות שיטת Object.values()

כדי לקבל את הערכים של אובייקט מול המאפיינים שלו, השתמש ב-' Object.values() ' שיטה. זה מחזיר מערך של ערכים עבור המאפיינים/מפתחות של אובייקט.

תחביר
התחביר הנתון משמש כדי לקבל את ערכי האובייקט על ידי לולאה דרך אובייקט:

לְהִתְנַגֵד . ערכים ( לְהִתְנַגֵד )

דוגמא
הפעל את השיטה Object.values() כדי לקבל את הערכים של אובייקט מול המאפיינים שלו:

const objValues = לְהִתְנַגֵד . ערכים ( לְהִתְנַגֵד ) ;

הפלט מציג מערך של ערכים מול מאפייני האובייקט:

שיטה 4: לולאה דרך אובייקט JavaScript רגיל/פשוט באמצעות שיטת Object.entries()

אתה יכול גם לחזור על אובייקט JavaScript רגיל/פשוט באמצעות ' Object.entries() ' שיטה. הוא יוצר מערך של מערכי משנה המכילים זוגות מפתח-ערך של האובייקט הנתון.

תחביר
התחביר הבא משמש כדי לקבל את הערכים של אובייקט על ידי לולאה של אובייקט:

לְהִתְנַגֵד . ערכים ( לְהִתְנַגֵד )

דוגמא
קרא למתודה Object.entries() על האובייקט לאחזור כל הערכים של אובייקט:

const ערכים = לְהִתְנַגֵד . ערכים ( לְהִתְנַגֵד ) ;

תְפוּקָה

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

סיכום

כדי לעבור דרך אובייקט JavaScript רגיל/פשוט, השתמש ב-' ב 'לולאה,' Object.keys() ' שיטה, ' Object.values() שיטת ', או ה' Object.entries() ' שיטה. לולאת for-in ו-Object.entries() משמשות כדי לקבל את כל צמדי המפתח-ערך באובייקט, בעוד שה-Object.keys() משמשים לקבלת המפתחות ו-Object.values() עבור הערכים של חפץ. מדריך זה הדגים דרכים שונות ללולאה דרך אובייקט JavaScript פשוט.