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

المصفوفات متعدده الأبعاد في لغة جافا سكريبتJavaScript Multidimensional Array

ستتعلم في هذا الدرس كيف تتمكن من عمل مصفوفات متعدده الأبعاد في لغة جافا سكريبت وهي مصفوفات متداخله Nested او فرعية متفرعه من المصفوفة الاصلية وطريقة عرض بعض العناصر المتداخله او تحديثها او حذف هه العناصر من المصفوفات الفرعية.

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
5
الأمثلة
14
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,596
محتوى الدرس
في هذا الدرس 5تصفّح المواضيع

index of index in Multidimensional Arrays فهرس من فهرس في المصفوفات المتعددة او المتداخلة

ببساطة اذا كان ليدينا 10 ناقلات شحن بداخل كل شاحنه عشرة صناديق واخبرنا العامل الذي يفرغ هذه الشاحنات اننا بحاجه لصندوق من هذة الشاحنات بداخله جهاز كمبيوتر لوحي كيف نحدد له ذلك؟

اولاً يجب علينا ابلاغ العامل رقم الشاحنه الذي يوجد بداخلها هذا الصندوق الذي يحتوي علي جهاز كمبيوتر لوحي فاذاً نحدد له رقم الشاحنه الخامسه مثلاً ثم الصندوق التاسع فهنا رقمين الارقم الاول وهو 5 التابع للشاحنة ثم رقم الصندوق هو رقم 9 هذه هي نفس نظرية المصفوفات الرقم يكتب بداخل square brackets [5][9] فهذا هو index of index فهرس الفهرس, كل فهرس يضع بداخل square brackets.

مصفوفة متعددة الابعاد Multidimensional Arrays:

  • الشاحانات هي المصفوفة الرئيسية.
  • الصناديق هي مصفوفة فرعية بداخل المصفوفة الرئيسية.


فهرس من فهرس index of index

فهرس من فهرس trucks[0][0]

HTML 
let trucks= [
    ["Laptop","Mouse","Keyboard"],
    ["TV","Mobie'","Lamp"],
    ["Baby Car","Toys"]
];
document.write("<b>" + trucks[0][0] + "<b>");
جرّب بنفسك

JavaScript Multidimensional Array المصفوفات متعدده الأبعاد في لغة جافا سكريبت

مصفوفات متعدده الأبعاد Multidimensional Array هي عباره عن Array وتحتوي بداخلها عن مجموعة مصفوفات فرعية Multi Array اي انها مصفوفات متداخلة.

  • المصفوفة العادية Array يخزن بداخلها مجموعة قيم Values وتسمي عناصر.
  • المصفوفة المتعددة Multidimensional Array  يخزن بداخلها مجموعه من المصفوفات Arrays بداخل المصفوفة الاصلية.

طريقه غير مقروءة

لا ننصح بهذة الطريقه في المصفوفات متعددة الابعاد لانها غير مقروءة ولكنها تعد طريقه صحيحة.

HTML 
let students = [["Ahmed",25,'Programmer'],["Aly",44,'IT'],["Samy",33,'Cyber Security Engineer']];
document.write("<b>" + students + "<b>");
جرّب بنفسك

طريقه مقروءة

ننصح بهذة الطريقه في المصفوفات متعددة الابعاد لانها مقروءة وهي تعد الطريقه صحيحة.

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" + students + "<b>");
جرّب بنفسك

اضافة من مصفوفات مسبقة

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

HTML 
let student_1 = ["Ahmed",25,'Programmer'];
let student_2 =["Aly",44,'IT'];
let student_3 = ["Samy",33,'Cyber Security Engineer'];
let students = [student_1 ,student_3 ,student_3 ];
document.write("<b>" + students + "<b>");
جرّب بنفسك

نصوص مع مصفوفات

يمكننا دمج نصوص مع مصفوفات داخل مصفوفة متعددة الابعاد Multidimensional Array.

HTML 
let students = ["Ahmed","Aly",["Samy",33,'IT']];
document.write("<b>" + students+ "<b>");
جرّب بنفسك

JavaScript print Multidimensional Array Elements طباعة عناصر المصفوفات متعددة الابعاد المتداخلة

هناك طريقيتين لطباعة المصفوفات المتداخلة وهي :

  • طباعة جميع قيم المصفوفات الداخلية وهي عن طريق index number واحد فقط.
  • طباعة بعض القيم من المصفوفات الداخلية  وهي عن طريق index number المصفوفة مع index number الداخلي للقيم لتصبح بهذا الشكل [0][0].

نقوم بتحديد المصفوفة الداخلية عن طريق ال index number في حال طباعة جميع قيم هذة المصفوفة.

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" + students[0] + "<b><br>");
document.write("<b>" + students[1] + "<b><br>");
document.write("<b>" + students[2] + "<b><br>");
جرّب بنفسك

نقوم في البداية بتحديد المصفوفة الداخلية عن طريق ال index number ثم نقوم بتحديد عنصر المصفوفة عن طريق ال index number اخر.

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" + students[0][0] + "<b><br>");
document.write("<b>" + students[0][2] + "<b><br>");
document.write("<b>" + students[2][0] + "<b><br>");
document.write("<b>" + students[2][1] + "<b><br>");
جرّب بنفسك

طباعة اول عنصر اذا كان String نص او طباعة اي عنصر اذا كان مصفوفة بداخل المصفوفات المتعدده, النص يحتاج الي index فقط اما المصفوفة المتداخلة index of index.

HTML 
let students = ["Ahmed","Aly",["Samy",33,'IT']];
document.write("<b>" + students[0]+ "<b><br>");
document.write("<b>" + students[1][0]+ "<b><br>");
document.write("<b>" + students[2][0]+ "<b>");
جرّب بنفسك

Add an Element to a Multidimensional Array اضافة عناصر الي المصفوفات متعددة الابعاد المتداخلة

يمكننا استخدام دالة ()push في جافا سكريبت Array's push() method لاضافة:

  •  عنصر  للمصفوفة متعددة الابعاد او المتداخلة Multidimensional Array.
  •  مصفوفة  اخري لمصفوفة متعددة الابعاد او المتداخلة Multidimensional Array.

اضافة مصفوفة

اضافة مصفوفة اخري لمصفوفة متعددة الابعاد او المتداخلة Multidimensional Array.

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>Before Add : " +students+ "<b><br>");
students.push(["khaled",34,"Web Designer"]);
document.write("<b>After Add : " +students+ "<b><br>");
جرّب بنفسك

اضافة عنصر للمصفوفة

اضافة عنصر للمصفوفة متعددة الابعاد او المتداخلة Multidimensional Array.

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" +students+ "<b><br>");
students.push("Khaled");
document.write("<b>" +students+ "<b><br>");
جرّب بنفسك

اضافة عنصر لمصفوفة محددة

اضافة عنصر للمصفوفة محددة داخل المصفوفة متعددة الابعاد او المتداخلة Multidimensional Array قمنا باضافة للمصفوفة الاولي قيمة Genius.

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" +students[0]+ "<b><br>");
students[0].push("Genius");
document.write("<b>" +students[0]+ "<b><br>");
جرّب بنفسك

Remove an Element from a Multidimensional Array حذف عنصر من عناصر المصفوفات متعددة الابعاد المتداخلة

يمكننا استخدام دالة ()pop في جافا سكريبت Array's pop() method لحذف:

  •  عنصر  من مصفوفة متعددة الابعاد او المتداخلة Multidimensional Array.
  •  عنصر من مصفوفة  اخري لمصفوفة متعددة الابعاد او المتداخلة Multidimensional Array.

حذف مصفوفة من المصفوفات المتعددة

قمنا بحذف اخر مصفوفة فرعية من داخل مصفوفة students وهي كل عناصر اخر مصفوفة وهي ["Samy",33,'Cyber Security Engineer'].

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" +students+ "<b><br>");
students.pop();
document.write("<b>" +students+ "<b><br>");
جرّب بنفسك

حذف عنصر من المصفوفات المتعددة

قمنا بحذف اخر عنصر من المصفوفة فرعية الاولي وهي كلمة Programmer من ["Ahmed",25,'Programmer'] لتصبح ["Ahmed",25].

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" +students+ "<b><br>");
students[0].pop();
document.write("<b>" +students+ "<b><br>");
جرّب بنفسك

حذف باستخدام دالة ()splice

يمكننا استخدام دالة ()splice لحذف عنصر من المصفوفات.

HTML 
let students = [
    ["Ahmed",25,'Programmer'],
    ["Aly",44,'IT'],
    ["Samy",33,'Cyber Security Engineer']
];
document.write("<b>" +students+ "<b><br>");
students.splice(1,1)
/* After Remove*/
document.write("<b>" +students+ "<b><br>");
جرّب بنفسك

مشاركة

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

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