شرح مفصل لعملية صفيف JavaScript

1. إنشاء المصفوفات

var arrayobj = new array () ؛ // إنشاء صفيف

var arrayobj = صفيف جديد ([الحجم]) ؛ // قم بإنشاء صفيف وحدد الطول ، لاحظ أنه ليس الحد الأعلى ، وهو الطول

var arrayobj = صفيف جديد ([element0 [، element1 [، ... [، elementn]]]]) ؛ إنشاء صفيف وتعيين قيمة

تجدر الإشارة إلى أنه على الرغم من أن الطريقة الثانية تنشئ صفيفًا يحدد الطول ، في الواقع ، يكون الصفيف أطول في جميع الحالات ، أي ، حتى لو تم تحديد الطول ، لا يزال من الممكن تخزين العنصر خارج الطول المحدد. ملاحظة: سوف يتغير الطول وفقًا لذلك.

2. الوصول إلى عناصر الصفيف

var testgetArrValue = arrayobj [1] ؛ // احصل على قيمة عنصر الصفيف

arrayobj [1] = "هذه قيمة جديدة" ؛ // تعيين قيمة جديدة لعنصر الصفيف

3. إضافة عناصر الصفيف

arrayobj. ادفع ([item1 [item2 [. .. [itemn]]]) ؛ // إضافة عنصر جديد أو أكثر إلى نهاية الصفيف وإرجاع الطول الجديد للمصفوفة

arrayobj.unshift ([item1 [item2 [. .. [itemn]]]) ؛ // إضافة عنصر جديد أو أكثر

arrayobj.splice (insertpos ، 0 ، [item1 [، item2 [،.

4. حذف عناصر الصفيف

arrayobj.pop () ؛ // قم بإزالة العنصر الأخير وإرجاع قيمة العنصر

arrayobj.shift () ؛ // قم بإزالة العنصر الأخير وإرجاع قيمة العنصر ، ستتحرك العناصر الموجودة في الصفيف تلقائيًا للأمام.

arrayobj.splice (deletepos ، deletecount) ؛ .

5. اعتراض ودمج المصفوفات

arrayobj.slice (start ، [end]) ؛ // إرجاع جزء من المصفوفة في شكل صفيف ، لاحظ أن العناصر المقابلة للنهاية لم يتم تضمينها. إذا تم حذف النهاية ، فسيتم نسخ جميع العناصر بعد البدء

arrayobj.concat ([item1 [، item2 [،. // قم بتوصيل صفائف متعددة (يمكن أن تكون أيضًا سلاسل ، أو مزيج من المصفوفات والسلاسل) إلى صفيف ، وإرجاع المصفوفة الجديدة المتصلة

6. نسخة من المصفوفة

arrayobj.slice (0) ؛ // إرجاع مجموعة النسخ من المصفوفة ، لاحظ أنها مجموعة جديدة ، لا تشير إليها

arrayobj.concat () ؛ // إرجاع مجموعة النسخ من المصفوفة ، لاحظ أنها مجموعة جديدة ، لا تشير إليها

7. فرز عناصر الصفيف

arrayobj.reverse () ؛ // عكسي العنصر (يتم تصنيف الأول في المرتبة الأخيرة ، والآخر يتم تصنيفه أولاً) ، وإرجاع عنوان الصفيف

arrayobj.sort () ؛ // فرز عناصر صفيف وعنوان مجموعة الإرجاع

8. سلسلة عناصر الصفيف

arrayobj.join (فاصل) ؛ // إرجاع سلسلة ، تنضم إلى كل قيمة عنصر من الصفيف معًا ، مفصولة بفاصل.

tolocalestring ، tostring ، valueof: يمكن اعتباره استخدامًا خاصًا للانضمام ، ولا يتم استخدامه في كثير من الأحيان

2. ثلاث خصائص من كائن الصفيف

1. سمة الطول

تمثل سمة الطول طول الصفيف ، أي عدد العناصر الموجودة فيه. نظرًا لأن فهرس الصفيف يبدأ دائمًا من 0 ، فإن الحدود العلوية والسفلية للمصفوفة هي: 0 وطول 1 على التوالي. على عكس معظم اللغات الأخرى ، فإن خاصية طول صفائف JavaScript قابلة للتغيير ، مما يتطلب اهتمامًا خاصًا. عندما يتم تعيين سمة الطول لتكون أكبر ، لن تتغير حالة الصفيف بأكمله فعليًا ، فقط تصبح سمة الطول أكبر ؛ عندما يتم تعيين سمة الطول لتكون أصغر من الأصل ، يتم فقدان جميع قيم العناصر مع فهارس أكبر من أو تساوي الطول في الصفيف الأصلي. فيما يلي مثال يوضح تغيير سمة الطول:

نسخة الكود كما يلي:

var arr = [12،23،5،3،25،98،76،54،56،76] ؛

// تحديد مجموعة تحتوي على 10 أرقام

تنبيه (arr.length) ؛ // إظهار طول الصفيف 10

arr.length = 12 ؛ // زيادة طول الصفيف

تنبيه (arr.length) ؛ // أظهر طول الصفيف قد تغير إلى 12

تنبيه (arr [8]) ؛ // إظهار قيمة العنصر التاسع ، 56

arr.length = 5 ؛ // تقليل طول الصفيف إلى 5 ، وسيتم التخلص من العناصر ذات الفهرس أو تجاوز 5

تنبيه (arr [8]) ؛ // إظهار أن العنصر التاسع أصبح "غير محدد"

arr.length = 10 ؛ // استعادة طول الصفيف إلى 10

تنبيه (arr [8]) ؛ // على الرغم من أن الطول يتم استعادته إلى 10 ، إلا أنه لا يمكن سحب العنصر التاسع ، مما يدل على "غير محدد"

من الكود أعلاه ، يمكننا أن نرى بوضوح خصائص سمة الطول. ولكن لا يمكن تعيين كائن الطول بشكل صريح فحسب ، بل قد يتم تعديله أيضًا. يمكن استخدام متغير غير معلن في JavaScript. وبالمثل ، فإن عنصر صفيف غير محدد (في إشارة إلى عنصر يتجاوز فهرسه أو يساوي الطول). في هذا الوقت ، سيتم تعيين قيمة سمة الطول على قيمة فهرس العنصر المستخدم بالإضافة إلى 1. على سبيل المثال ، الرمز التالي:

نسخة الكود كما يلي:

var arr = [12،23،5،3،25،98،76،54،56،76] ؛

تنبيه (arr.length) ؛

arr [15] = 34 ؛

تنبيه (arr.length) ؛

يحدد الرمز أولاً صفيفًا يحتوي على 10 أرقام. من خلال بيان التنبيه ، يمكن ملاحظة أن طوله هو 10. ثم يتم استخدام عنصر مع فهرس 15 ، والقيمة 15 ، أي ARR [15] = 34. في هذا الوقت ، يتم إخراج طول الصفيف باستخدام بيان التنبيه ، والنتيجة هي 16. على أي حال ، هذه ميزة مفاجئة للمطورين الذين اعتادوا على البرمجة المكتوبة بقوة. في الواقع ، فإن الصفيف الذي تم إنشاؤه باستخدام شكل صفيف جديد () له طول أولي قدره 0. إنه تشغيل العناصر غير المحددة التي تغير طول الصفيف.

من المقدمة أعلاه ، يمكننا أن نرى أن سمة الطول سحرية لدرجة أنه يمكن أن تزيد بسهولة أو تقليل قدرة الصفيف. لذلك ، سيساعد الفهم المتعمق لسمة الطول على تطبيقه بمرونة أثناء عملية التطوير.

2. سمات النموذج الأولي

إرجاع مرجع إلى النموذج الأولي للكائن. تتم مشاركة سمة النموذج الأولي بواسطة كائن.

ObjectName.prototype

المعلمة ObjectName هي اسم كائن الكائن.

الوصف: استخدم سمة النموذج الأولي لتوفير مجموعة من الوظائف الأساسية لفئة الكائن. مثيل جديد لكائن "يرث" العملية التي تعطي النموذج الأولي للكائن.

بالنسبة لكائنات الصفيف ، استخدم المثال التالي لتوضيح الغرض من سمة النموذج الأولي.

أضف طريقة إلى كائن المصفوفة لإرجاع قيمة العنصر القصوى في الصفيف. لإنجاز هذا ، أعلن وظيفة ، وإضافتها إلى Array.prototype ، واستخدامها.

نسخة الكود كما يلي:

وظيفة Array_Max ()

{

var i ، max = this [0] ؛

لـ (i = 1 ؛ i <this.length ؛ i ++)

{

إذا (كحد أقصى <هذا [i])

كحد أقصى = هذا [i] ؛

}

إرجاع ماكس ؛

}

Array.Prototype.max = array_max ؛

var x = صفيف جديد (1 ، 2 ، 3 ، 4 ، 5 ، 6) ؛

var y = x.max () ؛

بعد تنفيذ هذا الرمز ، يحفظ Y القيمة القصوى في المصفوفة X ، أو 6.

3. سمة مُنشئ

وظيفة تمثل إنشاء كائن.

Object.constructor // الكائن هو اسم كائن أو دالة.

الوصف: خاصية المنشئ هي عضو في جميع الكائنات ذات النموذج الأولي. وهي تشمل جميع الكائنات المصممة JScript باستثناء الكائنات العالمية والرياضيات. تحتوي خاصية المنشئ على إشارة إلى الوظيفة التي تبني مثيل كائن معين.

على سبيل المثال:

نسخة الكود كما يلي:

x = سلسلة جديدة ("مرحبا") ؛

if (x.constructor == string) // العملية (الشرط صحيح).

أو

نسخة الكود كما يلي:

وظيفة myfunc {

// وظيفة الجسم.

}

y = جديد myfunc ؛

إذا (y.constructor == myfunc) // العملية (الشرط صحيح).

بعد قراءتها ، هل اكتسبت فهمًا جديدًا لتشغيل صفائف JavaScript؟ أتمنى أن يعجبك هذا المقال.