מדריך זה ידגים את הגישות לשינוי הערך של אובייקט בתוך מערך ב-JavaScript.
כיצד לשנות/לעדכן את הערך של אובייקט שנמצא בתוך מערך באמצעות JavaScript?
לשינוי הערך של אובייקט שנמצא בתוך מערך, השתמש בשיטות המוגדרות מראש של JavaScript הבאות:
שיטה 1: שנה ערך של אובייקט שנמצא בתוך מערך באמצעות שיטת 'findIndex()'
כדי לשנות את הערך של אובייקט בתוך המערך, השתמש ב-' findIndex() ' שיטה. שיטה זו מוצאת את האינדקס של האלמנט במערך המקיים את התנאי המסוים. לציון התנאי, הוא משתמש בפונקציית התקשרות חוזרת.
תחביר
עקוב אחר התחביר הנתון לשינוי הערך של אובייקט באמצעות שיטת findIndex():
arrayObject. findIndex ( obj => {
//מַצָב
} ) ;
דוגמא
צור מערך המכיל אובייקטים שונים:
היה arrObj = [ { תְעוּדַת זֶהוּת : 5 , שֵׁם : 'מאייר' , גיל : 25 } ,
{ תְעוּדַת זֶהוּת : 9 , שֵׁם : 'פול' , גיל : 26 } ,
{ תְעוּדַת זֶהוּת : 12 , שֵׁם : 'סטיבן' , גיל : עשרים } ]
קרא למתודה findIndex() עם פונקציית ה-callback שבודקת את המזהה של אובייקטים שווה ערך ל' 12 ', ואחסן את האינדקס של האובייקט במשתנה ' getIndex ”:
const getIndex = arrObj. findIndex ( obj => {לַחֲזוֹר obj. תְעוּדַת זֶהוּת === 12 ;
} ) ;
שנה את ערך הנכס ' גיל ' של אובייקט:
arrObj [ getIndex ] . גיל = 24 ;
לבסוף, הדפס את מערך האובייקטים המעודכן במסוף:
לְנַחֵם. עֵץ ( 'מערך האובייקטים המעודכן הוא:' ) ;לְנַחֵם. עֵץ ( arrObj ) ;
הפלט מציין שהערך של ' גיל ' של האובייקט שהמזהה שלו הוא 12 שונה בהצלחה מ' עשרים ' ל ' 24 ”:
שיטה 2: שנה ערך של אובייקט שנמצא בתוך מערך באמצעות שיטת 'map()' עם אופרטור Spread
השתמש ב' מַפָּה() שיטת ' עם ' מפעיל התפשטות ' לשינוי הערך של האובייקט בתוך מערך. 'map()' משמש ליצירת מערך חדש על ידי קריאה לפונקציה בכל אלמנט של מערך קיים. בעוד אופרטור ההפצה מאפשר להפיץ או להעתיק רכיבי מערך למערך חדש או את הארגומנטים של קריאת פונקציה. שיטת 'map()' אינה משנה/משנה את המערך המקורי, אלא היא מפיקה מערך חדש עם האלמנטים ששונו.
תחביר
לשינוי הערך של אובייקט באמצעות שיטת map() עם האופרטור spread, השתמש בתחביר הבא:
אם ( מַצָב ) {
לַחֲזוֹר { ... obj , מַפְתֵחַ : ערך חדש } ;
}
לַחֲזוֹר obj ;
} ) ;
דוגמא
קרא לשיטת map() עם אופרטור התפשטות כדי לשנות את שם האובייקט שהמזהה שלו הוא ' 9 ”:
אם ( obj. תְעוּדַת זֶהוּת === 9 ) {
לַחֲזוֹר { ... obj , שֵׁם : 'אליס' } ;
}
לַחֲזוֹר obj ;
} ) ;
הדפס את המערך המשונה של האובייקט במסוף:
לְנַחֵם. עֵץ ( newObjectArr ) ;הרכוש ' שֵׁם ' של האובייקט שהמזהה שלו הוא ' 9 ' השתנה מ' פול ' ל ' אליס ”:
שיטה 3: שנה ערך של אובייקט שנמצא בתוך מערך באמצעות שיטת 'find()'.
לשינוי הערך של אובייקט בתוך מערך, השתמש ב-' למצוא() ' שיטה. הוא משמש כדי למצוא את האלמנט במערך המקיים תנאי נתון. הוא מוציא את הערך של האלמנט אם הוא עומד בתנאי. אחרת, זה נותן ' לא מוגדר ,' המציין שלא נמצא רכיב כזה.
תחביר
השתמש בתחביר הנתון עבור שיטת find() כדי למצוא את האלמנט במערך:
//מַצָב
} ) ;
דוגמא
הפעל את שיטת find() כדי למצוא את האובייקט שהמזהה שלו הוא ' 5 ' ואחסן את האובייקט במשתנה ' findIndex ”:
לַחֲזוֹר obj. תְעוּדַת זֶהוּת === 5 ;
} ) ;
בדוק אם המשתנה 'findIndex' אינו שווה ל- ' לא מוגדר ' פירושו, אם האובייקט נמצא, שנה את הערך של המאפיין ' שֵׁם ' של החפץ:
אם ( findIndex !== לא מוגדר ) {findIndex. שֵׁם = 'ג'ון' ;
}
לבסוף, הדפס את האובייקט במסוף:
לְנַחֵם. עֵץ ( findIndex ) ;הפלט מציג רק את האובייקט שצוין על ידי שינוי ערכו:
שיטה 4: שנה ערך של אובייקט שנמצא בתוך מערך באמצעות 'for-of' Loop
אתה יכול גם להשתמש ב' בשביל ” לולאה לשינוי הערך של אובייקט בתוך המערך. הוא משמש כדי לחזור על מערך האובייקטים ולבדוק את התנאי כדי לשנות את ערך האובייקט. לאחר גישה ושינוי ערך האובייקט, סיים את הלולאה באמצעות ' לשבור ' מילת מפתח.
תחביר
עקוב אחר התחביר הנתון עבור לולאת 'לפני':
אם ( מַצָב ) {
//הַצהָרָה
לשבור ;
}
}
דוגמא
השתמש בלולאה for-of ובדוק את האובייקט שהמזהה שלו הוא ' 5 ' ושנה את ' גיל ' ל ' 27 ”:
אם ( obj. תְעוּדַת זֶהוּת === 5 ) {
obj. גיל = 27 ;
לשבור ;
}
}
הדפס את האובייקט המעודכן בתוך המערך בקונסולה:
לְנַחֵם. עֵץ ( arrObj ) ;תְפוּקָה
אספנו את כל המידע החיוני הרלוונטי לערך המשתנה של אובייקט שנמצא בתוך המערך ב-JavaScript.
סיכום
כדי לשנות את הערך של אובייקט שנמצא בתוך מערך, השתמש בשיטות המוגדרות מראש של JavaScript, כולל ' findIndex() , ' מַפָּה() 'שיטה עם ' מפעיל התפשטות ', ' למצוא() שיטת ', או ה' בשביל 'לולאה. שיטות אלו שינו בהצלחה את ערכי האובייקט בתוך מערך. מדריך זה הדגים את הגישות השונות לשינוי הערך של אובייקט שנמצא בתוך מערך ב-JavaScript.