قوة صفائف جافا سكريبت تكمن في أساليب مجموعة.
تحويل صالحة لسلاسل
طريقة جافا سكريبت toString() تحويل صفيف إلى سلسلة من (مفصولة بفواصل) قيم المصفوفة.
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
نتيجة
Banana,Orange,Apple,Mango
انها محاولة لنفسك » و join() أيضا ينضم طريقة جميع عناصر مجموعة إلى سلسلة.
انها تتصرف تماما مثل toString() ، ولكن بالإضافة يمكنك تحديد الفاصل:
مثال
var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
نتيجة
Banana * Orange * Apple * Mango انها محاولة لنفسك » ظهرت ودفع
عند العمل مع صفائف، فمن السهل لإزالة العناصر وإضافة عناصر جديدة.
هذا هو ما ظهرت، ودفع هو:
ظهرت عناصر من مجموعة، أو دفع العناصر في صفيف.
ظهرت
و pop() طريقة إزالة العنصر الأخير من صفيف:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Removes the last element ("Mango") from fruits انها محاولة لنفسك » و pop() الأسلوب بإرجاع القيمة التي تم "برزت":
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.pop();
// the value of x is "Mango" انها محاولة لنفسك » دفع
و push() يضيف طريقة عنصرا جديدا إلى مجموعة (في النهاية):
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
// Adds a new element ("Kiwi") to fruits انها محاولة لنفسك » و push() الأسلوب بإرجاع طول مجموعة جديدة:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.push("Kiwi");
// the value of x is 5 انها محاولة لنفسك » تحويل عناصر
تحويل ما يعادل ظهرت، والعمل على العنصر الأول بدلا من آخر.
و shift() طريقة إزالة العنصر الأول مجموعة و"التحولات" جميع العناصر الأخرى لمؤشر أقل.
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Removes the first element "Banana" from fruits
انها محاولة لنفسك » و unshift() يضيف طريقة عنصرا جديدا إلى مجموعة (في البداية)، و "unshifts" العناصر القديمة:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Adds a new element "Lemon" to fruits
انها محاولة لنفسك » و shift() الأسلوب بإرجاع السلسلة التي كان "تحول من".
و unshift() الأسلوب بإرجاع طول مجموعة جديدة.
تغيير عناصر
يتم الوصول إلى عناصر مجموعة باستخدام رقم الفهرس الخاص بهم:
أدلة المصفوفة تبدأ 0. [0] هو العنصر مجموعة الأولى، [1] هي ثاني، [2] هو الثالث ...
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Changes the first element of fruits to "Kiwi" انها محاولة لنفسك » توفر خاصية طول وسيلة سهلة لإلحاق عنصر جديد إلى صفيف:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruit انها محاولة لنفسك » حذف العناصر
منذ صفائف جافا سكريبت هي كائنات، عناصر يمكن حذف باستخدام مشغل جافا سكريبت delete :
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Changes the first element in fruits to undefined انها محاولة لنفسك » عن طريق delete قد ترك الثقوب غير محددة في مجموعة. استخدام pop() أو shift() بدلا من ذلك.
الربط صفيف
و splice() يمكن استخدامها طريقة لإضافة بنود جديدة إلى صفيف:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
انها محاولة لنفسك » المعلمة الأولى (2) تحدد الموضع الذي ينبغي أن تضاف عناصر جديدة (تقسم في).
المعلمة الثانية (0) وتعرف كم عدد العناصر التي ينبغي إزالتها.
بقية المعلمات ( "Lemon" , "Kiwi" ) تحدد العناصر الجديدة التي يمكن ان تضاف.
عن طريق splice() لإزالة عناصر
مع إعداد المعلمة ذكية، يمكنك استخدام splice() لإزالة العناصر دون أن تترك "الثقوب" في مجموعة:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Removes the first element of fruits
انها محاولة لنفسك » المعلمة الأولى (0) تحدد الموضع الذي ينبغي أن تضاف عناصر جديدة (تقسم في).
المعلمة الثانية (1) وتعرف كم عدد العناصر التي ينبغي إزالتها.
يتم حذف بقية المعلمات. سيتم إضافة أي عناصر جديدة.
فرز صفيف
و sort() طريقة بفرز مجموعة أبجديا:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
انها محاولة لنفسك » عكس صفيف
على reverse() طريقة عكس العناصر في صفيف.
يمكنك استخدامه لفرز صفيف في ترتيب تنازلي:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
fruits.reverse();
// Reverses the order of the elements انها محاولة لنفسك » ترتيب رقمي
افتراضيا، sort() وظيفة تفرز القيم كسلاسل.
هذا يعمل بشكل جيد لسلاسل ( "Apple" يأتي قبل "Banana" ).
ومع ذلك، إذا يتم فرز الأرقام كسلاسل، "25" أكبر من "100"، لأن "2" أكبر من "1".
وبسبب هذا، و sort() وطريقة إنتاج نتيجة غير صحيحة عند فرز الأرقام.
يمكن إصلاح هذا عن طريق توفير وظيفة مقارنة:
مثال
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
انها محاولة لنفسك » أو
مثال
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a>b});
انها محاولة لنفسك » استخدام نفس الحيلة لفرز والهابطة مجموعة:
مثال
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
انها محاولة لنفسك » أو
مثال
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b>a});
انها محاولة لنفسك » وظيفة قارن
الغرض من وظيفة مقارنة هو تعريف ترتيب بديل.
وظيفة مقارنة يجب إرجاع صفر، أو قيمة إيجابية سلبية، اعتمادا على الحجج:
function(a, b){return a-b}
عندما sort() يقارن ظيفة قيمتين، يرسل القيم إلى وظيفة مقارنة، وفرزها القيم وفقا ل(، السلبية، صفر إيجابية) القيمة التي تم إرجاعها.
مثال:
عند المقارنة بين 40 و 100، و sort() استدعاءات الأسلوب لمقارنة function(40,100) .
وباحتساب 40-100، وإرجاع -60 (قيمة سالبة).
فإن وظيفة الفرز فرز 40 كقيمة أقل من 100.
العثور على أعلى (أو أقل) قيمة
كيفية العثور على أعلى قيمة في المصفوفة؟
مثال
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value انها محاولة لنفسك » وأدناها:
مثال
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value انها محاولة لنفسك » الانضمام صالحة
و concat() الأسلوب بإنشاء مجموعة جديدة بواسطة وصل اثنين من صفائف:
مثال
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);
// Concatenates (joins) myGirls and myBoys
انها محاولة لنفسك » و concat() طريقة يمكن أن تتخذ أي عدد من الحجج مجموعة:
مثال
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias","Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
// Concatenates arr1 with arr2 and arr3
انها محاولة لنفسك » تشريح صفيف
على slice() طريقة شرائح قطعة من مجموعة إلى مجموعة جديدة.
هذا المثال شرائح من جزء من مجموعة بدءا من عنصر مجموعة 1 ( "Orange" ):
مثال
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
انها محاولة لنفسك » على slice() الأسلوب بإنشاء مجموعة جديدة. لم تقم بإزالة أي عناصر من مجموعة مصدر.
هذا المثال شرائح من جزء من مجموعة بدءا من العنصر مجموعة 3 ( "Apple" ):
مثال
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
انها محاولة لنفسك » على slice() طريقة يمكن أن حجتين مثل slice(1,3) .
الطريقة ثم يختار عناصر من حجة البداية، وحتى (ولكن ليس بما في ذلك) في حجة نهاية.
مثال
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
انها محاولة لنفسك » إذا تم حذف الوسيطة النهاية، كما في الأمثلة الأولى، و slice() طريقة شرائح من بقية مجموعة.
مثال
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
انها محاولة لنفسك » و valueOf() الطريقة
و valueOf() الأسلوب هو السلوك الافتراضي للمجموعة. كان تحويل مجموعة إلى قيمة بدائية.
جافا سكريبت سيتم تلقائيا تحويل مجموعة إلى سلسلة عندما يتوقع قيمة بدائية.
وبسبب هذا، فإن جميع هذه الأمثلة تنتج نفس النتيجة:
مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
انها محاولة لنفسك » مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
انها محاولة لنفسك » مثال
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
انها محاولة لنفسك » كل كائنات جافا سكريبت لديها valueOf() و toString() طريقة.
كامل صفيف المرجعي
للإشارة كاملة، انتقل إلى لدينا كاملة جافا سكريبت صفيف المرجعي .
المرجع يحتوي على أوصاف وأمثلة على كل خصائص صفيف والأساليب.
اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 »