logo

המרת אובייקט למערך ב-Javascript

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

כדי להמיר א לְהִתְנַגֵד לתוך מַעֲרָך ב Javascript , אתה יכול להשתמש בסוגים שונים של שיטות. חלק מהשיטות הן Object.keys(), Object.values(), ו Object.entries().

שקול את הדוגמאות שלהלן כדי להבין את השיטות לעיל.

שיטה 1: Object.keys()

רשימת ג'אווה
 const animal = { first: 'The', last: 'Lion' }; const propertyNames=Object.keys(animal); console.log(propertyNames); 

תְפוּקָה:

 The Lion 

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

שיטה 2: Object.values()

 const animal = { first: 'The', last: 'Lion' }; const propertyValues=Object.values(animal); console.log(propertyValues); 

תְפוּקָה:

 ['The', 'Lion'] 

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

שיטה 3: Object.entries()

איך אני מוצא אפליקציות נסתרות באנדרואיד
 const animal = { first: 'The', last: 'Lion' }; const entries=Object.entries(animal); console.log(entries); 

תְפוּקָה:

onclick js
 [['first', 'The '] , ['last', 'Lion'] ] 

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

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

 const Snakes = { 'Cobra':{ Venom: 96%, Attack: 99% }, 'Viper':{ Venom: 98%, Attack: 96% }, 'InlandTaipan':{ Venom: 100%, Attack: 100% } } 

בקטע הנ'ל, הגדרנו ביחד את המשתנה הקבוע נחשים שמאפיינים מוגדרים כ אֶרֶס ו לִתְקוֹף . הקצהנו ערכים שונים לכל המאפיינים של נחשים שונים. כעת תוכל להשתמש בכל השיטות שהוגדרו לעיל שנדונו יחד עם המפתחות, הערכים או הערכים.

בואו נסתכל על עוד כמה דוגמאות קידוד שונות כדי להבין יותר על ההמרה של אובייקטי javascript למערכים. שקול את הקטעים למטה.

דוגמה 1:

נגזרת חלקית לטקס
 var object = {'0':5,'1':7,'2':4,'3':6,'4':7,'5':8,'6':12,'7':11,'8':2} var covert = Object.keys(object).map(function(key) { return [Number(key), object[key]]; }); console.log(convert); 

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

דוגמה 2:

 var superHeroes = {'Captain America':1,'Thor':8,'Iron Man':null}; //convert object keys to array var k = Object.keys(superHeroes); //convert object values to array var v = Object.values(superHeroes); 

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

דוגמה 3:

 const sampleArray = [ ['one', 1], ['two', 2], ]; Object.fromEntries(sampleArray); 

תְפוּקָה:

 { one: 1, two: 2 } 

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

סיכום

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