هناك العديد من الأشياء الجديدة التي تمت إضافتها في ES5 ، وفهمها سيكون مساعدة كبيرة لكتابة JavaScript. على سبيل المثال ، في الصفيف ، قد لا نحتاج إلى الذهاب للحلقات بطريقة واضحة وجذابة.
تمت إضافة طريقة جديدة لكتابة المصفوفات في ES5 ، على النحو التالي:
Foreach (JS V1.6)
خريطة (JS V1.6)
مرشح (JS V1.6)
بعض (JS V1.6)
كل (JS V1.6)
INDEXOF (JS V1.6)
LastIndexof (JS V1.6)
تقليل (JS V1.8)
التخفيض (JS V1.8)
1. خصائص كائن صفيف صفيف شائعة الاستخدام في JS:
كما هو موضح في الشكل ، فإن الجزء الذي يحمل علامة على دائرة حمراء هو سمة جديدة تضاف إلى ES5.
2. حالة دعم المتصفح:
• أي: 9+ ؛
•الكروم؛
• Firefox2+؛
• Safari 3+ ؛
• أوبرا 9.5+ ؛
3. طريقة الموقف
يحدد ECMASCript5 طريقتين للموضع للصفائف. indexof () ، lastIndexof () ؛
تتلقى كلتا الطريقتين معلمتين: العنصر المطلوب العثور عليه وفهرس (اختياري) يشير إلى موقع نقطة بدء البحث.
من بينها ، يبدأ IndexOF () في النظر إلى الوراء من بداية الصفيف (الموضع 0) ، بينما يبدأ LastIndExof () في التطلع من نهاية الصفيف.
تحتاج كلتا الطريقتين إلى إرجاع موضع العنصر المراد العثور عليه في الصفيف ، أو العودة -1 إذا لم يتم العثور عليه ؛
مثال:
VAR NUMBERS = [1،2،3،4،5،4،3،2،1] ؛ ALERT (number.indexof (4)) ؛ //4alert(number.lastindexof(4)) ؛ //5alert(number.indexof(4،4)) ؛ //5alert(number.lastindexof(4،4)) ؛ // 3
4. طريقة التكرار
يحدد ECMASCript5 5 طرق تكرارية للصفائف.
4.1. كل ()
التعريف والاستخدام: يتم استخدام طريقة كل () لاكتشاف ما إذا كانت جميع عناصر الصفيف تلبي الشروط المحددة (التي توفرها وظيفة).
تستخدم طريقة كل () الوظيفة المحددة للكشف عن جميع العناصر في المصفوفة:
• إذا تم اكتشاف عنصر في الصفيف غير راضٍ ، فإن التعبير بأكمله يعيد خطأ ولن يتم اكتشاف العناصر المتبقية مرة أخرى.
• إرجاع صحيح إذا كانت جميع العناصر تلبي الشرط.
ملاحظة: كل () لن يكتشف المصفوفات الفارغة.
ملاحظة: كل () لا يغير الصفيف الأصلي.
الوصف: اكتشف ما إذا كانت جميع عناصر الأعمار أكبر من 18:
var ages = [32 ، 33 ، 16 ، 40] ؛ وظيفة checkadult (العمر) {عصر العودة> = 18 ؛} وظيفة myfunction () {document.getElementById ("demo"). innerhtml = ages.every (checkAdult) ؛}}النتيجة هي:
خطأ شنيع؛
4.2. بعض()
التعريف والاستخدام: يتم استخدام طريقة بعض () لاكتشاف ما إذا كانت العناصر الموجودة في صفيف تلبي الشروط المحددة (المقدمة في الوظيفة).
قم بتشغيل الوظيفة المحددة على كل عنصر في المصفوفة ، وإذا كانت الوظيفة تُرجع بشكل صحيح لأي من العناصر ، فإنها تُرجع صحيحًا ؛
الرمز كما يلي:
VAR NUMBERS = [1،2،3،4،5،4،3،2،1] ؛ var someresult = number.some (وظيفة (العنصر ، الفهرس ، المصفوفة) {// العنصر يشير إلى قيمة الصفيف ؛ يشير الفهرس إلى مجموعة Array Corrcspress ؛ يشير الصفيف إلى الصفيف نفسه ؛ الإرجاع (العنصر> 2) ؛}) ؛ تنبي (Someresult) ؛النتيجة هي:
حقيقي؛
4.3. فلتر()
التعريف والاستخدام: تنشئ طريقة Filter () صفيفًا جديدًا ، ويتم فحص العناصر الموجودة في الصفيف الجديد لجميع العناصر في الصفيف المحدد التي تفي بالمعايير.
قم بتشغيل وظيفة معينة على كل عنصر في المصفوفة ، وإعادة مجموعة من العناصر التي ستعود بشكل صحيح.
الوصف: لإرجاع صفيف بقيم أكبر من 2 ، فإن الكود كما يلي:
var numbers = [1،2،3،4،5،4،3،2،1] ؛ var filterresult = number.filter (الوظيفة (العنصر ، الفهرس ، المصفوفة) {// يشير العنصر إلى قيمة الصفيف ؛ يشير الفهرس إلى مجموعة الصفيف ؛ يشير الصفيف إلى صفيف نفسه ؛ الإرجاع (العنصر> 2) ؛})النتيجة هي:
[3،4،5،4،3]
4.4. رسم خريطة()
التعريف والاستخدام: تُرجع طريقة الخريطة () صفيفًا جديدًا ، والعناصر الموجودة في الصفيف هي القيم التي تتم معالجتها بواسطة عنصر الصفيف الأصلي بعد استدعاء الوظيفة.
قم بتشغيل الوظيفة المحددة على كل عنصر في الصفيف ، وإعادة صفيف مكون من نتائج كل استدعاء دالة.
الوصف: اضرب كل مصطلح في الصفيف بمقدار 2 ، وإعادة الصفيف المكون من هذه المنتجات. الرمز كما يلي:
var numbers = [1،2،3،4،5،4،3،2،1] ؛ var mapresult = number.map (الوظيفة (العنصر ، الفهرس ، المصفوفة) {// العنصر يشير إلى قيمة الصفيف ؛ يشير الفهرس إلى مجموعة Array ؛ يشير Array إلى Array نفسه ؛ عنصر الإرجاع*2 ؛}) ؛ التنبيه (mapresult) ؛النتيجة هي:
[2،4،6،8،10،8،6،4،2]
4.5. foreach ()
التعريف والاستخدام: قم بتشغيل الوظيفة المحددة على كل عنصر في الصفيف. هذه الطريقة ليس لها قيمة إرجاع.
في الأساس نفس استخدام حلقة للتكرار من خلال صفيف. الرمز كما يلي:
var numbers = [1،2،3،4] ؛ number.foreach (وظيفة (العنصر ، الفهرس ، المصفوفة) {console.log (item) ؛}) ؛النتيجة هي:
1
2
3
4
5. تقليل الطريقة
يضيف ECMASCRIPT5 طريقتين جديدتين لتقليل المصفوفات: تقليل () وخفض () ؛
سوف تتكرر هاتان الطريقتان على جميع العناصر في الصفيف ثم إنشاء قيمة نهائية تم إرجاعها. من بينها ، تبدأ طريقة تقليل () من العنصر الأول من الصفيف وتمر عبرها واحدًا تلو الآخر.
يبدأ التخفيض () من العنصر الأخير من الصفيف ويمر عبر العنصر الأول. تتلقى كلتا الطريقتين معلمتين: وظيفة تسمى كل عنصر و (اختياري) كقيمة أولية لقاعدة التضييق.
تم تمرير الوظيفة التي تم تمريرها لتقليل () و تخفيضها () 4 معلمات: القيمة السابقة ، والقيمة الحالية ، وفهرس العنصر ، وكائن الصفيف.
الوصف: استخدم طريقة تخفيض () لتنفيذ عملية العثور على مجموع جميع القيم في صفيف. الرمز كما يلي:
VAR DATIORS = [1،2،3،4،5] ؛ var sum = date.reduce (function (prev ، cur ، index ، array) {return prev+cur ؛}) ؛ ALERT (sum) ؛النتيجة هي:
15
ما سبق هو المعرفة ذات الصلة بالطريقة المضافة حديثًا في معيار JavaScript ES5 الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!