سيوضح هذا البرنامج التعليمي طرق تغيير قيمة كائن داخل مصفوفة في JavaScript.
كيفية تغيير / تحديث قيمة الكائن الموجود داخل مصفوفة باستخدام JavaScript؟
لتغيير قيمة كائن داخل مصفوفة ، استخدم طرق JavaScript المحددة مسبقًا التالية:
الطريقة 1: تغيير قيمة الكائن الموجود داخل مصفوفة باستخدام طريقة 'findIndex ()'
لتغيير قيمة كائن داخل المصفوفة ، استخدم ' findIndex () ' طريقة. يعثر هذا الأسلوب على فهرس العنصر في مصفوفة تفي بشرط معين. لتحديد الشرط ، فإنه يستخدم وظيفة رد الاتصال.
بناء الجملة
اتبع بناء الجملة المحدد لتغيير قيمة كائن باستخدام طريقة findIndex ():
arrayObject. FindIndex ( الهدف => {
//حالة
} ) ؛
مثال
أنشئ مصفوفة تحتوي على كائنات مختلفة:
كان arrObj = [ { بطاقة تعريف : 5 و اسم : 'ماير' و عمر : 25 } و
{ بطاقة تعريف : 9 و اسم : 'بول' و عمر : 26 } و
{ بطاقة تعريف : 12 و اسم : 'ستيفن' و عمر : عشرين } ]
قم باستدعاء طريقة findIndex () باستخدام وظيفة رد الاتصال التي تتحقق من معرف الكائنات المكافئة لـ ' 12 '، وتخزين فهرس الكائن في متغير' getIndex ':
مقدار ثابت getIndex = arrObj. FindIndex ( الهدف => {يعود الهدف. بطاقة تعريف === 12 ؛
} ) ؛
غيّر قيمة العقار ' عمر 'الكائن:
arrObj [ getIndex ] . عمر = 24 ؛
أخيرًا ، اطبع مجموعة العناصر المحدثة على وحدة التحكم:
وحدة التحكم. سجل ( 'صفيف الكائن المحدث هو:' ) ؛وحدة التحكم. سجل ( arrObj ) ؛
يشير الناتج إلى أن قيمة ' عمر 'للكائن الذي تم تغيير معرفته 12 بنجاح من' عشرين ' ل ' 24 ':
الطريقة 2: تغيير قيمة الكائن الموجود داخل مصفوفة باستخدام طريقة 'map ()' مع عامل الانتشار
استخدم ' خريطة() 'مع' انتشار المشغل 'لتغيير قيمة الكائن داخل المصفوفة. يتم استخدام “map ()” لإنشاء مصفوفة جديدة عن طريق استدعاء دالة على كل عنصر في مصفوفة موجودة. بينما يسمح عامل الانتشار بنشر عناصر المصفوفة أو نسخها إلى مصفوفة جديدة أو وسيطات استدعاء دالة. لا تقوم طريقة 'map ()' بتعديل / تغيير المصفوفة الأصلية ولكنها تنتج مصفوفة جديدة بالعناصر المعدلة.
بناء الجملة
لتغيير قيمة كائن باستخدام طريقة map () مع عامل تشغيل الانتشار ، استخدم الصيغة التالية:
لو ( حالة ) {
يعود { ... الهدف و مفتاح : قيمة جديدة } ؛
}
يعود الهدف ؛
} ) ؛
مثال
قم باستدعاء طريقة map () مع عامل الانتشار لتغيير اسم الكائن الذي يكون معرفه ' 9 ':
لو ( الهدف. بطاقة تعريف === 9 ) {
يعود { ... الهدف و اسم : 'أليس' } ؛
}
يعود الهدف ؛
} ) ؛
اطبع المصفوفة المعدلة للكائن على وحدة التحكم:
وحدة التحكم. سجل ( newObjectArr ) ؛الملكية ' اسم 'للكائن الذي معرفه' 9 تم تغيير 'من' بول ' ل ' أليس ':
الطريقة الثالثة: تغيير قيمة الكائن الموجود داخل مصفوفة باستخدام طريقة 'find ()'
لتغيير قيمة كائن داخل مصفوفة ، استخدم ' يجد() ' طريقة. يتم استخدامه للعثور على العنصر في المصفوفة التي تفي بشرط معين. يقوم بإخراج قيمة العنصر إذا كان يفي بالشرط. وإلا فإنه يعطي ' غير معرف ، 'مما يشير إلى عدم وجود مثل هذا العنصر.
بناء الجملة
استخدم الصيغة المحددة للتابع find () للعثور على العنصر في المصفوفة:
//حالة
} ) ؛
مثال
قم باستدعاء طريقة find () للعثور على الكائن الذي يكون معرفه ' 5 'وتخزين الكائن في متغير' FindIndex ':
يعود الهدف. بطاقة تعريف === 5 ؛
} ) ؛
تحقق مما إذا كان المتغير 'findIndex' لا يساوي ' غير معرف 'يعني ، إذا تم العثور على الكائن ، قم بتغيير قيمة الخاصية' اسم 'للكائن:
لو ( FindIndex ! == غير معرف ) {FindIndex. اسم = 'جون' ؛
}
أخيرًا ، اطبع الكائن على وحدة التحكم:
وحدة التحكم. سجل ( FindIndex ) ؛يعرض الإخراج الكائن المحدد فقط عن طريق تغيير قيمته:
الطريقة الرابعة: تغيير قيمة الكائن الموجود داخل مصفوفة باستخدام حلقة 'من أجل'
يمكنك أيضًا استخدام ' مقابل 'حلقة لتغيير قيمة كائن داخل المصفوفة. يتم استخدامه للتكرار عبر مصفوفة الكائنات والتحقق من الشرط لتغيير قيمة الكائن. بعد الوصول إلى قيمة الكائن وتغييرها ، قم بإنهاء الحلقة باستخدام ' استراحة 'الكلمة الرئيسية.
بناء الجملة
اتبع بناء الجملة المحدد لحلقة 'for-of':
لو ( حالة ) {
//إفادة
استراحة ؛
}
}
مثال
استخدم حلقة for-of وتحقق من الكائن الذي يكون معرفه ' 5 'وتغيير' عمر ' ل ' 27 ':
لو ( الهدف. بطاقة تعريف === 5 ) {
الهدف. عمر = 27 ؛
استراحة ؛
}
}
اطبع الكائن المحدث داخل المصفوفة على وحدة التحكم:
وحدة التحكم. سجل ( arrObj ) ؛انتاج |
لقد جمعنا جميع المعلومات الأساسية ذات الصلة بالقيمة المتغيرة للكائن الموجود داخل المصفوفة في JavaScript.
خاتمة
لتغيير قيمة كائن داخل مصفوفة ، استخدم طرق JavaScript المحددة مسبقًا ، بما في ذلك ' findIndex () ، ' خريطة() 'مع' انتشار المشغل '،' يجد() 'أو' مقابل ' حلقة. نجحت هذه الطرق في تغيير قيم الكائن داخل المصفوفة. يوضح هذا البرنامج التعليمي الطرق المختلفة لتغيير قيمة الكائن الموجود داخل مصفوفة في JavaScript.