المصفوفات array list في الجافاسكربت JavaScript و شرح عمل pop,push,sort الدرس |30| - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

السبت، 27 يونيو 2020

المصفوفات array list في الجافاسكربت JavaScript و شرح عمل pop,push,sort الدرس |30|


المصفوفات arrays في جافاسكربت

سوف نتحدث عن المستوع المتقدم عن array list و انصحكم بقراءاه عدة مرات, سابقا شرحنا لكم كيفية انشاء array يمكنكم الرجوع للشرح من هنا, و شرح بعض العناصر الذي يمكن استخدامها ضمن array و اليوم سنشرح عن اهم العناصر الذي يمكن الإستفادة منها و إستخدامها عبر array .

لعرض عدد العناصر في المصفوفة عبر length

ننشئ عنصر h1 في ملف html لعرض البيانات.
<body style="background-color: lime;>
      <h1 id="result"></h1>
</budy>
وفي ملف الجافاسكربت

var months = ["January","February","March"];
document.getElementById("result").innerHTML = months.length;


انشأنا مصفوفة بإسم months و محتواها يضم أسماء 3 من الأشهر و اخترنا طريقة عرض البيانات عبر الايدي المرتبط به في ملف html و قمنا بتحديد اسم المتغير للمصفوفة months الذي نريد عرض البيانات بها و العنصر length يمكن عن طريقه جلب عدد العناصر الذي بداخل المصفوفة.

ونتيجة المتصفح تكون

هنا اعطانا عدد العناصر الذي كانت بداخل المصفوفة و هي 3 عناصر.

لعرض تمركز عنصر عبر indexOf

var months = ["January","February","March"];
document.getElementById("result").innerHTML = months.indexOf("March");


عرض لنا رقم 2 أي انه ترتيب الشهر الذي حددناه تمركزه هو 2 يبدأ العد من الصفر.

اذا نريد معرفة تمركز عنصر غير موجود

var months = ["January","February","March"];
document.getElementById("result").innerHTML = months.indexOf("julai");


نلاحظ كتب لنا -1 أي العنصر غير موجود في هذه المصفوفة او يوجد خطأ املائي, اما إذا كان يوجد عنصران بنفس الاسم سوف يأتي لنا بتمركز اول عنصر يصادفه .

لجلب تمركز آخر عنصر متطابق عبر lastIndexOf

var months = ["January","March","February","March"];
document.getElementById("result").innerHTML = months.lastIndexOf("March");

عند عرض النتيجة في المتصفح سيأتي لنا بآخر اندكس للعناصر المتشابهة.

لحذف آخر خانة في المصفوفة عبر pop()

في ملف html ننشئ زر و نضع له خاصية النقر onclick
<body id="body" style="background-color: lime;">
    <button onclick="removeLastItem()">حذف اخر عنصر</button>
    <h1 id="result"></h1>
    <script src="dddd.js"></script>
</body>
و في ملف الجافاسكربت 

var months = ["January","March","February","March"];
document.getElementById("result").innerHTML =months;
function removeLastItem(){
    months.pop();
    document.getElementById("result").innerHTML =months;
}


ونتيجة المتصفح

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

اضافة قيمة جديدة لنهاية المصفوفة عبر push

var months = ["January","March","February","March"];
document.getElementById("result").innerHTML =months;

function removeLastItem(){
    months.push("Juni");
    document.getElementById("result").innerHTML =months;
}


هنا ضغطنا على الزر ثلاث مرات و أضاف لنا العنصر بكل نقرة يضيفه مرة.

اضافة عنصر للبداية عبر unshift

var months = ["January","March","February","March"];
document.getElementById("result").innerHTML =months;
function removeLastItem(){
    months.unshift("Juni");
    document.getElementById("result").innerHTML =months;
}


ضغطنا على الزر ثلاث مرات.

 ترتيب العناصر حسب الاحرف الابجدية الانجليزية عبر sort

var alphabet = ["d","a","b","c"]
alphabet.sort();
console.log(alphabet.toString());

انشأنا متغير بإسم alphabet و اعطيناه قيم مصفوفة عدة احرف انجليزية و بعدها طلبنا ترتيبها عبر sort و عرض البيانات عبر console.

ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام