Java Script Arrays Elements
عناصر المصفوفة في لغة الجافا سكريبت
ستتعلم في هذه الدرس انشاء عناصر جديد بداخل المصفوفة Create Array Element وايضاً يمكنك حذف عنصر من المصفوفة Remove Array Element ويمكنك ايضاً التعديل علي قيم المصفوفات update element value ايضاً يمكنك معرفة عدد عناصر المصفوفه.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات 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*/ ];
</>
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>");
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
