כיצד לספור מספר מפתחות באובייקט ב-JavaScript

Kyzd Lspwr Mspr Mpthwt B Wbyyqt B Javascript



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

פוסט זה בבלוג יגדיר את ההליך לספירת מספר המפתחות באובייקט ב-JavaScript.

כיצד לספור את מספר המפתחות באובייקט ב-JavaScript?

לספירת מספר המפתחות באובייקט, השתמש בשיטות הבאות:







  • Object.keys() עם מאפיין length
  • שילוב של ' ל ' לולאה עם ' ב ' מילת מפתח

בואו נסתכל על כל אחת מהגישות הללו אחת אחת!



שיטה 1: ספירת מספר המפתחות באובייקט באמצעות שיטת Object.keys()

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



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





לְהִתְנַגֵד . מפתחות ( לְהִתְנַגֵד ) . אורך
  • ' keys() ' היא השיטה של ​​' לְהִתְנַגֵד ' הקלד וה' לְהִתְנַגֵד ” הוא טיעון שהמפתחות/מאפיינים שלו ייספרו.
  • זה מחזיר את הספירה של מספר המפתחות באובייקט.

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

const מידע = {
שם פרטי : 'סטיבן' ,
שם משפחה : 'קַיִן' ,
גיל : 28 ,
איש קשר : 090394809
} ;

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



לְנַחֵם. עֵץ ( לְהִתְנַגֵד . מפתחות ( מידע ) . אורך ) ;

הפלט מציג ' 4 ' שהיא ספירת המפתחות באובייקט ' מידע ”:

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

לְנַחֵם. עֵץ ( לְהִתְנַגֵד . מפתחות ( מידע ) ) ;

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

שיטה 2: ספירת מספר המפתחות באובייקט באמצעות 'for' Loop עם מילת מפתח 'in'.

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

תחביר

ל ( היה מַפְתֵחַ ב לְהִתְנַגֵד ) {
.........
}

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

היה לספור = 0 ;

העבר את החפץ ' מידע ' ללולאה for_in:

ל ( היה מַפְתֵחַ ב מידע ) {
לספור ++;
}

לבסוף, הדפס את ספירת המפתחות באובייקט באמצעות ' console.log() ' שיטה:

לְנַחֵם. עֵץ ( לספור ) ;

תְפוּקָה

דוגמה 2: ספירת מספר המפתחות באובייקט שעבר בירושה
ה ' ל לולאה סופרת גם מאפיינים שעברו בירושה. כאן, ניצור אובייקט ' עוֹבֵד 'עם שני נכסים' מִין ', ו' תאריך הצטרפות ' שיירש מהאובייקט ' מידע ”:

const עוֹבֵד = {
מִין : 'זָכָר' ,
תאריך הצטרפות : 'ינואר, 2020'
} ;

לרשת את האובייקט ' עוֹבֵד ' עם ' מידע 'באמצעות מאפיין האובייקט' __לָכֵן__ ”:

מידע. __לָכֵן__ = עוֹבֵד

העבר את החפץ ' מידע ' אל ה ' ב ' לולאה והגדל את הספירה בכל איטרציה. זה גם יספור את המאפיינים של האובייקט ' עוֹבֵד 'כי הוא יורש מהאובייקט' מידע ”:

ל ( היה מַפְתֵחַ ב מידע ) {
לספור ++;
}

הפלט ' 6 ' מציין שגישה זו סופרת את המפתחות של שני האובייקטים ' מידע ' והאובייקט שעבר בירושה ' עוֹבֵד ”:

דוגמה 3: ספירת מספר מפתחות בחפץ צאצא
אם אתה פשוט רוצה לקבל את המפתחות של חפץ הילד ' עוֹבֵד ', להשתמש ב ' hasOwnProperty() שיטה בתוך הלולאה:

ל ( היה מַפְתֵחַ ב עוֹבֵד ) {
אם ( עוֹבֵד. hasOwnProperty ( מַפְתֵחַ ) ) {
לספור ++;
}
}

תְפוּקָה

סיכום

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