JavaScript

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

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

التاريخ

12 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

2299

المواضيع

24
الشروحات chevron_left Java Script Arrays Elements chevron_left JavaScript

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

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

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

let courses = [
  "HTML", /* Array Element 1 |index 0*/
  "CSS",  /* Array Element 2 | index 1*/
  "JS"  /* Array Element 3 |  index 2*/
];
ببساطة كل قيمة value من قيم المصففة تسمي عنصر Element.

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

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

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

let courses = ["HTML", "CSS", "JS"];
document.write("<b>" + courses.length + "<b>");
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 () دائمًا أبسط وأسرع خيار لك.

let courses = ["HTML", "CSS", "JS"];
document.write( "<b> "+ courses +"</b> <br>");
courses.push("PHP") 
document.write( "<b> "+ courses +"</b>");

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

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 الخاص بها واضافة القيمة الجديدة  بعد علامة " = " كما في المثال التالي

let courses = ["HTML", "CSS", "JS"];
document.write("<b>"+ courses +"<b><br>");
courses [0] = "PHP";
document.write("<b>"+ courses +"<b>");
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 من المصفوفة التي سوف يتم حذفها

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

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 ثم حددنا عدد القيم التي سوف تحذف والنتيجه ازالة اخر قيمه من المصفوفة

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 ثم حددنا عدد القيم التي سوف تحذف والنتيجه ازالة اخر قيمه من المصفوفة

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 لان المصفوفة تبدأ العد من صفر ثم قمنا بحذف قيمة واحده وهي تاني قيمة في المصفوفة

var courses= ["HTML", "CSS", "JS", "PHP"];
document.write("<b>" + courses+ "<b> <br>");
courses.splice(1 , 1);
document.write("<b>" + courses + "<b> <br>");

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

var courses= ["HTML", "CSS", "JS", "PHP"];
document.write("<b>" + courses+ "<b> <br>");
courses.splice(1 , 1);
document.write("<b>" + courses + "<b> <br>");
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

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