طرق المصفوفات في JavaScript - الجزء الأول

المصفوفة هي كائن خاص في JavaScript. فهي تقوم بتخزين قيم متعددة في متغير واحد.

بدلاً من إنشاء متغيرات منفصلة لكل طالب: let student1 = "John"; let student2 = "David";

استخدم مصفوفة: let students = ["John", "David", "Alex"];

كل قيمة هي عنصر. ولكل عنصر فهرس (index) يبدأ من 0.

• خاصية length تخبرك خاصية length بالعدد الإجمالي للعناصر. وهي خاصية وليست دالة، لذا لا تستخدم الأقواس. الصحيح: arr.length الخطأ: arr.length()

يمكنك تغيير الطول لإعادة تحجيم المصفوفة الخاصة بك.

  • تقليل الطول يؤدي إلى حذف العناصر من النهاية.
  • زيادة الطول تؤدي إلى إنشاء خانات فارغة.

• toString() و join() استخدم toString() لتحويل المصفوفة إلى سلسلة نصية (string) مفصولة بفاصلات. استخدم join() عندما تريد فاصلًا مخصصًا مثل الوصلة (-) أو الخط العمودي (|).

• دالة at() تعيد هذه الدالة عنصرًا عند فهرس معين. وعلى عكس طريقة استخدام الأقواس المربعة، فهي تدعم الفهارس السالبة. arr.at(-1) تعطيك العنصر الأخير.

• دالة pop() تقوم هذه الدالة بحذف العنصر الأخير من المصفوفة. وهي تعدل المصفوفة الأصلية وتعيد العنصر الذي تم حذفه.

• Array.isArray() استخدم هذه الدالة للتحقق مما إذا كانت القيمة مصفوفة. حيث يعيد المعامل typeof القيمة "object" للمصفوفات، وهو أمر غير مفيد. احرص دائمًا على التحقق من صحة بياناتك باستخدام Array.isArray() قبل البدء في عملية التكرار (looping).

• delete مقابل concat() يقوم المعامل delete بحذف عنصر ولكنه يترك مكانه فارغًا، ولا يغير الطول. أما دالة concat() فتقوم بدمج المصفوفات، وهي لا تغير المصفوفات الأصلية بل تعيد مصفوفة جديدة.

• copyWithin() تقوم هذه الدالة بنسخ جزء من المصفوفة إلى موضع جديد داخل نفس المصفوفة، وهي تقوم بالكتابة فوق العناصر الموجودة.

ملخص الدوال:

  • length: تعيد الحجم.
  • toString(): تحول المصفوفة إلى سلسلة نصية مفصولة بفاصلات.
  • join(separator): تحول المصفوفة إلى سلسلة نصية بفاصل مخصص.
  • at(index): تجلب العنصر (تدعم الفهرس السالب).
  • pop(): تحذف العنصر الأخير.
  • isArray(): تتحقق مما إذا كانت القيمة مصفوفة.
  • concat(): تدمج المصفوفات في مصفوفة جديدة.
  • copyWithin(): تنسخ العناصر داخل نفس المصفوفة.

المصدر: https://www.w3schools.com/js/js_array_methods.asp الدليل الكامل: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7