استخدام Bracket Notation في جافا سكريبت لتحديد الخصائص ديناميكياً

في البداية، يبدو أنك تحاول جعل الخاصية “name” في الكود الخاص بك قابلة للتعديل بحيث يمكن تحديدها بواسطة وسيط (argument) داخل الدالة. لتحقيق هذا الهدف، يمكنك استخدام تقنية تسمى “Bracket Notation” في JavaScript، والتي تتيح لك استخدام قيمة متغيرة كمفتاح للوصول إلى الخصائص داخل الكائن.

للقيام بذلك، يمكنك تعديل الكود كما يلي:

javascriptCopy code
vm.setSelectedItem = function(itemName, searchedItems, propertyKey){
  vm.selectedItem = _.findWhere(searchedItems, {[propertyKey]: itemName});
};

في هذا المثال، تم استخدام قوسين مربعين لتحديد أن القيمة داخل المتغير propertyKey هي التي ستتم استخدامها كمفتاح للوصول إلى الخصائص داخل الكائن. وبالتالي، يمكنك الآن تمرير اسم الخاصية كوسيط عند استدعاء الدالة لتحديدها داخل الدالة نفسها.

على سبيل المثال:

javascriptCopy code
var items = [
  {id: 1, name: 'Item 1'},
  {id: 2, name: 'Item 2'},
  {id: 3, name: 'Item 3'}
];

// اختيار العنصر باستخدام اسم الخاصية "name"
vm.setSelectedItem('Item 2', items, 'name');

بهذا الشكل، يمكنك الآن استخدام الوسيط propertyKey لتحديد الخاصية التي تريد البحث عنها داخل الكائنات في المصفوفة searchedItems.

لتوسيع المفهوم حول هذا الموضوع، يمكننا النظر إلى كيفية استخدام الوسيط propertyKey في سياقات أخرى وكيف يمكن أن يكون لديك مرونة أكبر في تحديد الخصائص داخل الكائنات.

عندما تقوم بتصميم واجهات مستخدم ديناميكية أو تحليل مجموعات كبيرة من البيانات، يمكنك استخدام هذا النهج لتعظيم إعادة استخدام الكود وتحسين قابلية الصيانة. على سبيل المثال، إذا كان لديك مصفوفة متنوعة من الكائنات تحتوي على خصائص مختلفة، يمكنك استخدام هذا النهج لتحديد الخصائص بشكل ديناميكي بناءً على متغيرات.

توفر هذه الطريقة ميزة كبيرة في حالة تغيير متطلبات النظام أو توسيعه. على سبيل المثال، إذا قررت في المستقبل أن تضيف خصائص إضافية للكائنات الخاصة بك، يمكنك بسهولة تحديث الشيفرة دون الحاجة إلى إعادة كتابة دوال كثيرة.

هذا التوجه يساعد في تحسين صيانة الشيفرة وجعلها أكثر إلتزامًا بمبدأ “القابلية لإعادة الاستخدام”، مما يجعل الشيفرة أكثر فعالية وسهولة في التطوير والتحديث.