المصفوفات arrays في جافاسكربت
سوف نتحدث عن المستوع المتقدم عن array list و انصحكم بقراءاه عدة مرات, سابقا شرحنا لكم كيفية انشاء array يمكنكم الرجوع للشرح من هنا, و شرح بعض العناصر الذي يمكن استخدامها ضمن array و اليوم سنشرح عن اهم العناصر الذي يمكن الإستفادة منها و إستخدامها عبر array .لعرض عدد العناصر في المصفوفة عبر length
ننشئ عنصر h1 في ملف html لعرض البيانات.
<body style="background-color: lime;>
<h1 id="result"></h1>
</budy>
وفي ملف الجافاسكربت
document.getElementById("result").innerHTML = months.length;
انشأنا مصفوفة بإسم months و محتواها يضم أسماء 3 من الأشهر و اخترنا طريقة عرض البيانات عبر الايدي المرتبط به في ملف html و قمنا بتحديد اسم المتغير للمصفوفة months الذي نريد عرض البيانات بها و العنصر length يمكن عن طريقه جلب عدد العناصر الذي بداخل المصفوفة.
ونتيجة المتصفح تكون
هنا اعطانا عدد العناصر الذي كانت بداخل المصفوفة و هي 3 عناصر.
لعرض تمركز عنصر عبر indexOf
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>
<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;
}
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;
}
هنا ضغطنا على الزر ثلاث مرات و أضاف لنا العنصر بكل نقرة يضيفه مرة.
var months = ["January","March","February","March"];
document.getElementById("result").innerHTML =months;
function removeLastItem(){
months.unshift("Juni");
document.getElementById("result").innerHTML =months;
}
document.getElementById("result").innerHTML =months;
function removeLastItem(){
months.push("Juni");
document.getElementById("result").innerHTML =months;
}
هنا ضغطنا على الزر ثلاث مرات و أضاف لنا العنصر بكل نقرة يضيفه مرة.
اضافة عنصر للبداية عبر unshift
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.log(alphabet.toString());
انشأنا متغير بإسم alphabet و اعطيناه قيم مصفوفة عدة احرف انجليزية و بعدها طلبنا ترتيبها عبر sort و عرض البيانات عبر console.