- שימוש בשיטת Object.assign() כדי להוסיף ערכים לאובייקט ב-JavaScript
- שימוש בשיטת push() כדי להוסיף ערכים לאובייקט ב-JavaScript
- שימוש באופרטור התפשטות (...) כדי להוסיף ערכים לאובייקט ב-JavaScript
שיטה 1: שימוש בשיטת Object.assign() כדי להוסיף ערכים לאובייקט ב-JavaScript
ה Object.assign() השיטה המפורסמת להוספת ערכים לאובייקטים. צריך שני טיעונים. הראשון מייצג את אובייקט היעד, והארגומנט השני לוקח את צמדי המפתח/ערך. התחביר של Object.assign() השיטה מסופקת להלן:
תחביר
לְהִתְנַגֵד . לְהַקְצוֹת ( מטרה, מקור ) ;
הפרמטרים מתוארים כאן:
- יַעַד : מציין את האובייקט שאליו יצורפו הערכים.
- מָקוֹר : מתייחס לערך המצורף.
בואו נבין את פעולתה של שיטה זו באמצעות קוד הדוגמה הבא:
קוד
לְנַחֵם. עֵץ ( 'דוגמה לשימוש בשיטת assign()' ) ;
תן user_obj = {
1 : { שֵׁם : 'אדם' } ,
שתיים : { שֵׁם : 'לְהָצִיק' } ,
} ;
תן אובייקט = לְהִתְנַגֵד . לְהַקְצוֹת ( user_obj, { 3 : { שֵׁם : 'ג'סאם' } } ) ;
לְנַחֵם. עֵץ ( obj ) ;
בקוד הזה:
- קוֹדֶם כֹּל, 'אדם' ו 'לְהָצִיק' מוקצים כערכים ל- 'שֵׁם' תכונה.
- ה Object.assign() השיטה משמשת להוספת א 'ג'סאם' ערך ל 'user_obj' לְהִתְנַגֵד.
- סוף - סוף, ה console.log() השיטה משמשת להצגת כל הערכים בחלון המסוף.
תְפוּקָה
מהפלט ניתן לראות שהערך החדש נוסף בהצלחה לאובייקט.
שיטה 2: שימוש בשיטת push() כדי להוסיף ערכים לאובייקט מערך ב-JavaScript
ה לִדחוֹף() ניתן להשתמש בשיטה כדי להוסיף או להכניס ערך אחד או ערכים מרובים למערך. שיטה זו מחזירה מערך חדש לאחר הוספת ערכים. תן לנו לראות אם זה עובד באמצעות התחביר הבא:
תחביר
arr. לִדחוֹף ( value1, value2, ..., valueN )בתחביר הזה, 'value1', 'value2' ו 'ערךN' הם הערכים שיש לצרף ל' arr 'משתנה.
קוד
לְנַחֵם. עֵץ ( 'דוגמה לשימוש בשיטת assign()' ) ;const ספורט = [ 'קרִיקֶט' , 'הוֹקֵי' , 'כדורגל' ] ;
const דֶלְפֵּק = ספורט. לִדחוֹף ( 'כדורסל' ) ;
לְנַחֵם. עֵץ ( דֶלְפֵּק ) ;
לְנַחֵם. עֵץ ( ספורט ) ;
תיאור הקוד ניתן כאן:
- מערך בשם 'ספורט' נוצר הכולל שלושה אלמנטים, כלומר, 'קריקט', 'הוקי' ו 'כדורגל' .
- אחרי זה, הערך 'כדורסל' מצורף לשימוש ב- sports.push() שיטה ב-JavaScript.
- בסופו של דבר, ה console.log() השיטה מציגה את המערך בחלון המסוף .
תְפוּקָה
הפלט מראה כי 'כדורסל' הערך מצורף ל- ספורט אובייקט על ידי שימוש ב- לִדחוֹף() שיטה.
שיטה 3: שימוש באופרטור Spread (...) כדי להוסיף ערכים לאובייקט ב-JavaScript
האופרטור התפשטות (...) משמש כדי להוסיף ערכים לאובייקטים ב-JavaScript. זה שימושי למזג אובייקטים למקום אחד. התחביר של אופרטור ההתפשטות מסופק להלן:
תחביר
{ ... obj , מפתח : 'ערך' }בתחביר הזה, 'ערך' מוקצה ל- מַפְתֵחַ בחפץ obj .
הקוד לדוגמה של אופרטור ההפצה להוספת ערכים לאובייקט מסופק להלן:
קוד
לְנַחֵם. עֵץ ( 'דוגמה לשימוש באופרטור התפשטות' ) ;תן obj1 = { שֵׁם : 'לְהָצִיק' } ;
obj2 = { ... obj1 , צבע : 'לבן' } ;
לְנַחֵם. עֵץ ( obj2 ) ;
בקוד הזה:
- א 'obj1 'משמש לאחסון האלמנט שֵׁם על ידי הקצאת הערך 'לְהָצִיק' .
- לאחר מכן, ה 'לבן' ערך נצמד ל 'obj1' .
- בסופו של דבר, ה console.log() השיטה מציגה את הערכים המצורפים בחלון המסוף.
תְפוּקָה
הפלט מציג את האובייקט החדש ' obj2 ' המכיל את הערך מהאובייקט ' obj1 ' כמו גם הערך המצורף ' לבן '.
סיכום
JavaScript מספק שתי שיטות, כלומר, Object.assign() ו לִדחוֹף() לצרף ערכים לאובייקט.
ה Object.assign() שיטה הוספת ערכים לאובייקטים לפי זוגות מפתח/ערך. ה לִדחוֹף() השיטה מוסיפה ערך אחד או ערכים מרובים למערך. אולם, ה התפשטות ניתן להשתמש באופרטור (...) גם כדי להוסיף ערכים לאובייקט. פוסט זה הדגים את כל האפשרויות להוספת ערכים לאובייקט ב-JavaScript.