مشاركة تقنيات التشغيل العملية للمصفوفة في جافا سكريبت

1. حول المصفوفة

إنشاء الصفيف مرن للغاية. يمكنك استخدام مُنشئ الصفيف أو إنشاء صفيف "حرفي" مباشرة.

 var arr = new array () ؛ // [] var brr = array () ؛ // [] الاثنان يعادلان var arr = array (3) ؛ // Budaper. // 3 صفيف فارغ من الطول 3 var arr = صفيف (22،33 ، 'QQ' ، {}) ؛ // [22 ، 33 ، "qq" ، Object] var brr = [22،33 ، 'qq' ، {}] ؛ // كما هو مذكور أعلاه

Array هو كائن مدمج لـ JavaScript. نعم ، على الرغم من أنها صفيف ، فهي أيضًا كائن! !

استخدام typeof للحكم سوف يعيد كائن! يمكن أن تحدد طريقة Array.isArray بدقة أكثر.

 var a = [] ؛ typeof a ؛ //OBjectArray.Isarray(A) ؛ //حقيقي

2. الطرق المشتركة

Push () طريقة

يمكن أن تضيف طريقة push عنصرًا أو أكثر إلى نهاية الصفيف وإرجاع طول الصفيف الذي تم تغييره!

ملاحظة: ① يرجع طول الصفيف ، وليس الصفيف!

② هذه الطريقة سوف تغير المصفوفة الأصلية! !

 var arr = array (22،33 ، 'qq' ، {}) ؛ arr.push ('Weibo') ؛ // 5arr // [22 ، 33 ، "QQ" ، {} ، "Weibo"]

هذا ما نحتاج إلى استخدامه عندما نريد دمج صفيفتين

 var a = [22،33] ؛ var b = [44،55] ؛ array.prototype.push.apply (a ، b) // أو a.push.apply (a ، b) // أو a.push (44،55) ؛ // Array A = [22،33،44،55] ؛

احرص على عدم كتابة ما يلي! !

 A.Push (B) ؛ A ؛ // Budap22،33 ، Budap44،55/201a.length ؛ // 3 !! console.log (a) ؛ // [22 ، 33 ، صفيف [2]]

ستضيف كتابته مباشرةً حيث أن a.push(b) ستضيف B كعنصر إلى A ، ولن يحصل على التأثير المثالي!

إذا كان هناك حاجة الآن إلى دمج صفيفتين كائنات مثل هذا:

 var a = [{name: 'Stark' ، value: 'Ironman'} ، {name: 'cap' ، value: 'oldman'}] ؛ var b = [{name: 'jerry' ، email: '[email protected]'} ، {name: 'lory' ، البريد الإلكتروني: '[email protected]' ، A.Push (B) ؛ //3console.log(a) ؛ // [كائن ، كائن ، صفيف [3]] // الكتابة الصحيحة a.push.apply (ab) ؛ //5console.log(a) ؛ // [كائن ، كائن ، كائن ، كائن ، كائن]

طريقة البوب ()

على النقيض من push ، فإنه هو حذف العنصر الأخير من الصفيف وإعادة العنصر المحذوف:

 var a = ['qq' ، 'Weibo' ، 'Weixin'] ؛ A.Pop () ؛ // 'Weixin'a ؛ // ['QQ' ، 'Weibo']

انضم () الطريقة

افصل الصفيف عن طريق المعلمات المقابلة والعودة كسلسلة. إذا كانت المعلمة فارغة ، فاستخدم "، لفصلها. هذه الطريقة لا تغير المصفوفة الأصلية:

 var a = [1 ، 2 ، 3 ، 4] ؛ A.Join ('') // '1 2 3 4'a.join (' | ') // "1 | 2 | 3 | 4" var b = A.Join () // "1،2،3،4" console.log (a) ؛ // [1،2،3،4] console.log (b) ؛ // "1،2،3،4"

concat () طريقة

يمكن أن يجمع بين أرقام متعددة وإعادة صفيف جديد ، لكن الصفيف الأصلي لا يزال دون تغيير:

 var a = [22،33] ؛ var b = [44،55] ؛ var c = a.concat (b) ؛ console.log (a) ؛ // [22 ، 33] console.log (b) ؛ // [44 ، 55] console.log (c) ؛ // [22 ، 33 ، 44 ، 55]

 var a = [{name: 'tom' ، البريد الإلكتروني: '[email protected]'} ، {name: 'peter' ، البريد الإلكتروني: '[email protected]] '[email protected]'}] ؛ var c = a.concat (b) ؛ c ؛ ] '[email protected]'} ، // {name: 'Susan' ، value: '[email protected]'}]

MAP () طريقة

ستستدعي طريقة map وظيفة على كل عضو في الصفيف بدوره ، مع إرجاع مجموعة جديدة معالجتها بواسطة الوظيفة ، ولكن لن يتم تغيير الصفيف الأصلي!

 var numbers = [1 ، 2 ، 3] ؛ var num = number.map (function (n) {// [2 ، 4 ، 6] return n * 2 ؛}) ؛ // [1،2،3]

عندما تكون معلمة الوظيفة التي تسمى طريقة map واحدة ، تمثل هذه المعلمة العضو الحالي في المصفوفة ؛ عندما تكون المعلمات ثلاثة ، فهي بالتتابع

العضو الحالي elem ، index الفهرس ، المصفوفة الأصلية arr

 var brr = [1 ، 2 ، 3] .map (function (elem ، index ، arr) {return elem * index ؛}) ؛ brr ؛ // [0 ، 2 ، 6]

يمكن أن تقبل طريقة map أيضًا معلمة ثانية ، مما يشير إلى الكائن المشار إليه بواسطة this عند تنفيذ وظيفة رد الاتصال.

 var arr = ['a' ، 'b' ، 'c'] ؛ var brr = [0 ، 2] .map (function (e) {return this [e] ؛} ، arr) brr ؛ // ['a' ، 'c']

في التطبيقات ، في بعض الأحيان ، يتطلب استخدام تقنية AJAX تحويل صفائف المعلمات ديناميكيًا إلى طلب عنوان URL ، ستكون طريقة map مريحة للغاية ، على سبيل المثال:

 var b = [{name: 'jerry' ، البريد الإلكتروني: '[email protected]'} ، {name: 'lory' ، البريد الإلكتروني: '[email protected]'} ، {name: 'susan' ، value: '[email protected]'}] ؛ var url = b. MAP (function (n) {return n.name + "=" + n.email}). Join ("&") ؛ console.log (url) ؛ //[email protected]&[email protected]&[email protected]

ثم أضف عنوان IP والإجراء والطريقة قبل عنوان URL لإكمال الربط الديناميكي عن عنوان URL الذي يتطلبه Ajax ، على سبيل المثال:

 var endurl = "LocalHost: 8080/xxxx/" + eventAction + "!" + العملية + "؟" + URL ؛

لخص

ما سبق هو المحتوى الكامل لهذه المقالة. آمل أن يكون بعض المساعدة لدراسة أو عمل الجميع. إذا كان لديك أي أسئلة ، فيمكنك ترك رسالة للتواصل.