انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 19
دورة جافا سكريبت

المصفوفات في لغة الجافا سكريبتJavaScript Arrays

سوف تتعلم في هذا الدرس كيفية ما هي المصفوفات java script arrays في لغة جافا سكريبت وسوف تتعلم ما الذي يمكننا فعله بدون ال array ايضاً ستتعلم طريقة كتابة array syntax المصفوفات في لغة جافا سكريبت, ايضاً ستتعلم جميع الطرق التي تنشأ بيها المصفوفات وكيفية التعديل علي المصفوفات بداخل الثواب constants.

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
4
الأمثلة
9
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
7,391
محتوى الدرس
في هذا الدرس 4تصفّح المواضيع

JavaScript Arrays المصفوفات في لغة الجافا سكريبت

المصفوفة Array هي عبارة عن متغير من نوع خاص يحفظ اكثر من قيمة في وقت واحد تستخدم المصفوفات في تخزين عدة قيم بداخل متغير واحد فقط Single variable المصفوفات هي نوع من أنواع الكائنات وعندما تستخدم دالة typeof سوف تقوم بأرجاع النوع object, اذا كان لدينا قائمة مكونة من مجموعة قيم مرتبطة مثل Courses دورات او Currencies مجموعة من العملات يمكننا حفظ جميع القيم في متغير واحد علي خلاف المتغير variable فهو يحفظ قيمة واحدة فقط.

  • المصفوفات Arrays هي كائنات شبيهة بالقوائم (list-like) الذي يملك كائن prototype فيها دوالًا Functions تُستخدَم لإجراء عمليات التحويل والتعديل على المصفوفات. لاحظ أنَّ طول المصفوفات Array  أو نوع العناصر ليسا ثابتين.
  • المصفوفة Arrays عبارة عن عملية تخزين للبيانات في لغة جافا سكريبت في المتصفح Browser ويمكنك استرجاعها في اي وقت عن طريق اسم ال Array او عن طريق index ونحفظ بداخلها اكثر من قيمة.
  • كل من نوع البيانات وعدد العناصر في المصفوفة array غير ثابت وقابل للتغيير لأنها قابله للأضافة او حذف بيانات وفي هذه الحالة سوف يتغير حجمها بشكل تلقائي. 
  • index هي عبارة عن عنوان للعناصر الخاصة بالمصفوفة وتمكننا من الوصول الي هذه العناصر والمرور عليها وغيرها من العمليات ولكن يجب ان تكون قيم ال index من النوع integer ارقام صحيحة .
  • تبدا قيم ال index مع اول عنصر بالقيمة "0" وليس "1".

حفظ أكثر من قيمة بداخل اكثر من متغير

حفظ أكثر من قيمة بداخل اكثر من متغير قبل المصفوفات arrays

HTML 
let course_1= "HTML";
let course_2= "CSS";
let course_3= "JS";
جرّب بنفسك

Array syntax in JavaScript طريفة كتابة المصفوفات في لغة جافا سكريبت

طريقة انشاء مصفوفة في لغة JavaScript:

  • Create Variable نقوم بأنشاء متغير بأسم يدل علي قيم المصفوفة.
  • Assign Equal operator نقوم بأضافة علامة التعيين [=] .
  • Add Square Brackets نقوم باضافة الاقواس المربعة [].
  • Add Array Elements اضافة عناصر المصفوفة بداخل الاقواس المربعة نفصل بينهم بعلامة الفاصلة.
طريفة كتابة المصفوفات في لغة جافا سكريبت

كتابة المصفوفة في سطر

يمكننا كتابة المصفوفة في سطر واحد او عدة سطور فالنتيجه واحدة

HTML 
let courses = [
  "HTML",
  "CSS",
  "JS"
];
document.write("<b>"+ courses +"<b>");
جرّب بنفسك

مصفوفة

هذه طريقة كتابة عدة قيم بداخل متغير واحد

HTML 
let courses = ["HTML", "CSS", "JS"];
document.write("<b>"+ courses +"<b>");
جرّب بنفسك

Multiple ways to create arrays in JavaScript طرق متعددة لأنشاء المصفوفات في لغة الجافا سكريبت

يمكننا انشاء مصفوفات array بثلاثة طرق مختلفة:

  • عن طريق الاقواس المربعة  [ ] Square Brackets.
  • عن طريق دالة new Array.
  • التهئية بالاقواس المربعة [ ] Initialization square brackets.

الاقواس المربعة square brackets

انشاء مصفوفة Array باستخدام الاقواس المربعة square brackets.

HTML 
let courses = ["HTML", "CSS", "JS"];
document.write("<b>"+ courses +"<b>");
جرّب بنفسك

دالة new Array

انشاء مصفوفة باستخدام دالة new Array.

HTML 
var courses = new Array("HTML", "CSS", "JS");
document.write("<b>"+ courses +"<b>");
جرّب بنفسك

التهئية بالاقواس المربعة initialization square brackets

يممكنا انشاء مصفوفة ثم نقوم بعملية التهئية بالاقواس المربعة initialization square brackets ثم بعد ذلك نقوم باضافة قيم لها.

HTML 
let courses =[];
courses[0] = "HTML";
courses[1] = "CSS";
courses[2] = "JS";
courses[3] = "PHP";
document.write("<b>"+ courses +"<b>");
جرّب بنفسك

بدون عملية تهئية

بدون عملية تهئية سوف يحدث خطأ اثناء التشغيل لاننا لم نعرف المصفوفة قبل اضافة قيم لها.

HTML 
courses[0] = "HTML";
courses[1] = "CSS";
courses[2] = "JS";
courses[3] = "PHP";
document.write("<b>"+ courses +"<b>");
جرّب بنفسك

Array Elements can Change if constant in JavaScript يمكن تغيير عناصر المصفوفات الثابتة في الجافا سكريبت

  • يمكنك تغيير عناصر المصفوفة  Array Elements اذا كانت من النوع const دون حدوث أي مشكلة. 
  • لا يمكن اعادة تعيين قيمة const بمصفوفة جديدة بقيم جديدة.

قيم المصفوفة من النوع const

الطريقة الصحيحة للتعديل علي قيم المصفوفة من النوع const

HTML 
const courses = ["HTML", "CSS", "JS"];
courses[0] = "PHP";
courses.push("MY SQL");
document.write(courses);
جرّب بنفسك

التعديل علي مصفوفة const

الطريقة الخطأ للتعديل علي قيم المصفوفة من النوع const

HTML 
const courses = ["HTML", "CSS", "JS"];
courses = ["HTML", "CSS", "JS","php"];
document.write(courses);
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…