ورقة غش طرق مصفوفات JavaScript

توفر هذه الصفحة دليلاً مفصلاً لطرق مصفوفات JavaScript، بما في ذلك العمليات الشائعة، وميزات ES6 الجديدة، وتحسين الأداء، والمزيد.

إنشاء المصفوفة

توفر JavaScript عدة طرق لإنشاء المصفوفات:

let arr = [1, 2, 3];

let arr = new Array(1, 2, 3);

let arr = Array.of(1, 2, 3);

let arr = Array.from('123'); // ['1', '2', '3']

توفر المصفوفات ثروة من الطرق لإضافة وحذف وتعديل والاستعلام عن البيانات:

forEach: تنفيذ وظيفة رد اتصال مرة واحدة لكل عنصر من عناصر المصفوفة
map: إنشاء مصفوفة جديدة بنتائج استدعاء وظيفة محددة على كل عنصر في المصفوفة المستدعية
filter: إنشاء مصفوفة جديدة مع جميع العناصر التي تجتاز الاختبار الذي تنفذه الوظيفة المقدمة

أدخلت ES6 العديد من التحسينات على عمليات المصفوفات:

let arr = [1, 2, 3];
let arr2 = [...arr, 4, 5]; // [1, 2, 3, 4, 5]

let result = arr.find(item => item > 2); // 3

let index = arr.findIndex(item => item > 2); // 2

arr.fill(0); // [0, 0, 0]

arr.includes(2); // true

عند التعامل مع المصفوفات الكبيرة، يكون تحسين الأداء مهمًا بشكل خاص:

حاول استخدام الأساليب الأصلية مثل map و filter ، والتي يتم تنفيذها عادةً بلغة C++ وهي أسرع من حلقات JavaScript.
بالنسبة للمصفوفات التي يتم التلاعب بها بشكل متكرر، ضع في اعتبارك استخدام Typed Arrays.
تجنب عمليات DOM داخل الحلقات؛ بدلاً من ذلك، اجمع عقد DOM المراد تشغيلها وقم بالعملية دفعة واحدة.

من خلال هذا الدليل، يجب أن يكون لديك فهم أعمق لعمليات مصفوفات JavaScript. لمزيد من المعلومات، يرجى الرجوع إلى MDN Web Docs.