אובייקטי JavaScript מטפלים במאפיינים מרובים שהם ערכי צמד המפתחות. מאפיינים אלה משמשים לציון האיכויות והמאפיינים של אובייקט מוגדר ב-JavaScript. כאשר האובייקטים נוצרים, ניתן להוסיף, למחוק ולשנות את המאפיינים הרלוונטיים שלהם באופן דינמי. ליתר דיוק, קיימות מספר שיטות של JavaScript זמינות להוספת מאפיינים לאובייקט.
פוסט זה יציין את מספר השיטות להוספת מאפיין לאובייקט ב-JavaScript.
כיצד להוסיף/להכניס נכס לאובייקט ב-JavaScript?
כעת, נסקור את השיטות הבאות להוספת מאפיינים לאובייקט:
- שיטה 1: הוסף נכס באמצעות סימון נקודות (.)
- שיטה 2: הוסף נכס באמצעות שיטת Object.assign()
- שיטה 3: הוסף נכס באמצעות שיטת Object.defineProperty()
שיטה 1: הוסף מאפיין לאובייקט באמצעות סימון נקודות (.)
סימון נקודות הוא שיטה לגישה למאפיין של אובייקט. כאשר כותבים בסימון נקודות, יש לכתוב תחילה את שם האובייקט, לאחר מכן נקודה (.), ולאחר מכן להכניס את שם המאפיין.
דוגמא
ראשית, הכריז על חפץ בעזרת ה-' לתת ' מילת מפתח והקצה את המאפיינים לאובייקט המוגדר בתוך הבלוק:
תן אובייקט = {
שֵׁם : 'קָצִין' ,
גיל : 14 ,
} ;
להשתמש ב ' console.log() ' שיטת והעברת הטיעון ' obj ' להצגה בקונסולה:
לְנַחֵם. עֵץ ( obj ) ;כעת, הוסף את המאפיין בעזרת סימון הנקודה:
obj. חינוך = 'מהנדס תוכנה' ;
הצג פלט בקונסולה:
לְנַחֵם. עֵץ ( obj ) ;תְפוּקָה
שיטה 2: הוסף נכס לאובייקט באמצעות שיטת Object.assign()
אנחנו יכולים גם להשתמש ב' לְהַקְצוֹת() שיטה מובנית של JavaScript להוספת המאפיינים באובייקט. ה ' Object.assign() ” היא שיטה סטטית של JavaScript המשמשת להעתקת כל התכונות והמאפיינים הניתנים לספירה מאובייקט מקור אחד או יותר לצורך מיקוד לאובייקט.
תחביר
כדי להשתמש בשיטת object.assign() בדוק את התחביר הנתון:
לְהִתְנַגֵד . לְהַקְצוֹת ( יַעַד , מָקוֹר ) ;בתחביר לעיל:
- ' יַעַד ” קובע את האובייקט בו יועתקו ערכי המאפיינים.
- ' מָקוֹר ” מציין את האובייקט שאליו יש להעתיק את ערכי המאפיינים המתאימים.
דוגמא
בדוגמה זו, ראשית, הכריז על משתנה והקצה את המאפיינים. לאחר מכן, הכריז על משתנה נוסף על ידי ביצוע אותו הליך:
לתת לעובד = { שֵׁם : 'דיאנה' , גיל : 23 } ;לתת מידע = { מִין : 'נְקֵבָה' , לאום : 'קנדי' } ;
להשתמש ב ' Object.assign() ” מתודה ומעבירים את הארגומנטים, כאשר הפרמטר הראשון הוא אובייקט המטרה והפרמטר השני הוא אובייקט המקור. שיטה זו תעתיק את כל ערכי המקור בערך היעד:
לְהִתְנַגֵד . לְהַקְצוֹת ( עוֹבֵד , מֵידָע ) ;לאחר מכן, הפעל את ' console.log() שיטה להצגת התוצאה במסוף:
לְנַחֵם. עֵץ ( עוֹבֵד ) ;לְנַחֵם. עֵץ ( מֵידָע ) ;
תְפוּקָה
שיטה 3: הוסף מאפיין לאובייקט באמצעות שיטת Object.defineProperty()
ה ' Object.defineProperty() ” היא שיטה סטטית של JavaScript המשמשת להגדרת המאפיין העדכני והחדש ישירות לאובייקט או לשינוי המאפיין הקיים של אובייקט והחזרת האובייקט.
תחביר
כדי להשתמש ב' Object.defineProperty() שיטת ', עקוב אחר התחביר הנתון:
לְהִתְנַגֵד . defineProperty ( obj , נכס_חדש , תְצוּרָה ) ;כאן:
- ' obj ' מתייחס לאובייקט.
- ' נכס_חדש ' קובע את הנכס שיתווסף.
- ' תְצוּרָה ' מגדיר את הערך שניתן לשנות ולשנות.
דוגמא
הכרזה על חפץ בעזרת ' לתת ' מילת מפתח:
תן אובייקט = { } ;השתמש ב' Object.defineProperty() ” מתודה ומעבירים את הארגומנטים, ומגדירים את הערך של המאפיין הניתן לכתיבה כ-true. לפיכך, ניתן לשנות את המאפיין id של אובייקט obj כעת:
לְהִתְנַגֵד . defineProperty ( obj , 'תְעוּדַת זֶהוּת' , {ערך : 137 ,
ניתן לכתיבה : נָכוֹן
} ) ;
הוסף נכס בעזרת ' obj.id ' והקצה את הערך:
obj. תְעוּדַת זֶהוּת = 214 ;על פי הארגומנטים שעברו, המסוף יציג את ערך המאפיין שהשתנה:
לְנַחֵם. עֵץ ( 'זיהוי אובייקט:' , obj. תְעוּדַת זֶהוּת ) ;הגדר את ערך המאפיין הניתן לכתיבה כ-false. כתוצאה מכך, לא ניתן לשנות כעת את מאפיין השם של אובייקט obj:
לְהִתְנַגֵד . defineProperty ( obj , 'שֵׁם' , {ערך : 'קָצִין' ,
ניתן לכתיבה : שֶׁקֶר } ) ;
הוסף נכס בעזרת ' obj.name ' והקצה את הערך:
obj. שֵׁם = 'חפסה ג'ווד' ;לפי הארגומנטים שעברו, המסוף לא יציג את ערך המאפיין החדש (חפסה ג'ווד) שעבר, אלא את הערך הישן יותר (חפסה):
לְנַחֵם. עֵץ ( 'שם אובייקט:' , obj. שֵׁם ) ;זה הכל על הוספת המאפיין לאובייקט ב-JavaScript.
סיכום
כדי להוסיף את המאפיין לאובייקט ב-JavaScript, ניתן להשתמש במספר שיטות. משתמשים יכולים להוסיף את המאפיין לאובייקט באמצעות ' סימון נקודות (.) ', ' Object.assign() שיטת ', או ה' Object.defineProperty() ' שיטה. פוסט זה ציין את השיטות המרובות להוספת המאפיין לאובייקט ב-JavaScript.