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

عناصر المصفوفة في لغة الجافا سكريبتJava Script Arrays Elements

ستتعلم في هذه الدرس انشاء عناصر جديد بداخل المصفوفة Create Array Element وايضاً يمكنك حذف عنصر من المصفوفة Remove Array Element ويمكنك ايضاً التعديل علي قيم المصفوفات update element value ايضاً يمكنك معرفة عدد عناصر المصفوفه.

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

Java Script Arrays Elements عناصر المصفوفة في لغة جافا سكريبت

في لغة جافا سكريبت JavaScript المصفوفات arrays تحفظ بداخلها قيم values , هذه القيم تسمي عناصر المصفوفة array elements, بغض النظر عن نوع هذة القيمة.

HTML 
let courses = [
  "HTML", /* Array Element 1 |index 0*/
  "CSS",  /* Array Element 2 | index 1*/
  "JS"  /* Array Element 3 |  index 2*/
];
جرّب بنفسك

Array Length in JavaScript حجم او عدد القيم بداخل المصفوفة في لغة جافا سكريبت

طول المصفوفة هو العدد الإجمالي للعناصر التي تحتويها جميع أبعاد تلك المصفوفة. خاصية length ترجع هذه الخاصية العدد الإجمالي للعناصر في كافة أبعاد المصفوفة. يمكن أيضًا أن تُرجع صفرًا إذا لم تكن هناك عناصر في المصفوفة.

نستخدم خاصية Built-in في الجافا سكريبت  length property لاسترجاع او طباعة عدد القيم values بداخل المصفوفة array

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

Adding Array Elements in JavaScript اضافة قيمة جديدة داخل المصفوفة في لغة جافا سكريبت

يمكننا بعد انشاء ال array اضافة قيم جديدة بخلاف القيم القديمة المحفوظة في ال array باستخدام دالة مدمجة Built-in Function مع ال javaScript وهي push()

ستضيف دالة push () عنصرًا إلى نهاية المصفوفة. إذا كنت بحاجة إلى إضافة عنصر أو عناصر متعددة إلى نهاية المصفوفة ، فستكون دالة push () دائمًا أبسط وأسرع خيار لك.

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

يممكنا اضافة قيمة جديدة ايضاً للمصفوفة array عن طريق ال length property

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

Chang array element in JavaScript التعديل علي قيم او عناصر المصفوفة في لغة جافا سكريبت

يمكننا تغيير اي قيمة بداخل المصفوفة عن طريق ال index الخاص بها واضافة القيمة الجديدة  بعد علامة " = " كما في المثال التالي

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

Remove Array Element in JavaScript ازالة او حذف قيمة من قيم المصفوفة في لغة جافا سكريبت

تستخدم ال splice method في حذف قيم من المصفوفة, تعرف القيمة داخل المصفوفة او تسمي array item 

كيفية الاستخدام :

  •  تحديد رقم item في المصفوفة التي سوف تقوم لغة الجافا سكريبت بالبدء منه عند حذف او ازالة عنصر من المصفوفة
  • تحديد عدد القيم number of items من المصفوفة التي سوف يتم حذفها

ازالة اول قيمة من المصفوفة

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

استخدمنا عدد العناصر في المصفوفة ثم قمنا بطرح 1 من الناتج لكي يتطابق رقمه مع اخر index في ال array ثم حددنا عدد القيم التي سوف تحذف والنتيجه ازالة اخر قيمه من المصفوفة

HTML 
var courses= ["HTML", "CSS", "JS", "PHP"];
document.write("<b>" + courses+ "<b> <br>");
courses.splice((courses.length -1) , 1);
document.write("<b>" + courses + "<b> <br>");
جرّب بنفسك

استخدمنا عدد العناصر في المصفوفة ثم قمنا بطرح 1 من الناتج لكي يتطابق رقمه مع اخر index في ال array ثم حددنا عدد القيم التي سوف تحذف والنتيجه ازالة اخر قيمه من المصفوفة

HTML 
var courses= ["HTML", "CSS", "JS", "PHP"];
document.write("<b>" + courses+ "<b> <br>");
courses.splice((courses.length -2) , 2);
document.write("<b>" + courses + "<b> <br>");
جرّب بنفسك

حددنا تاني قيمة وهي 1 لان المصفوفة تبدأ العد من صفر ثم قمنا بحذف قيمة واحده وهي تاني قيمة في المصفوفة

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

حددنا تاني قيمة وهي 1 لان المصفوفة تبدأ العد من صفر ثم قمنا بحذف قيمة واحده وهي تاني قيمة في المصفوفة

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

مشاركة

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

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