طريقة المجموعات في JavaScript

قوة مجموعات JavaScript مخفية في طرقها.

تحويل المجموعة إلى نص

طريقة JavaScript 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();              // إزالة العنصر الأخير من fruits ("Mango")

جرب بنفسك

pop() تقوم الطريقة بتحويل القيمة التي تم إزالتها:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // قيمة x هي "Mango"

جرب بنفسك

إضافة

push() تضيف الطريقة (في نهاية المجموعة) عنصرًا جديدًا إلى المجموعة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // إضافة عنصر جديد إلى fruits

جرب بنفسك

push() تقوم الطريقة بتحويل طول المجموعة الجديدة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // قيمة x هي 5

جرب بنفسك

تحريك العناصر

التحريك مماثل للإزالة ولكن يتعامل مع العنصر الأول وليس الأخير.

shift() يحذف الطريقة العنصر الأول من المجموعة ويقوم بتحريك جميع العناصر الأخرى إلى أرقام أقل.

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // من fruits إزالة العنصر الأول "Banana"

جرب بنفسك

shift() يستعيد الطريقة العنصر الذي تم "تنفيذه" من المجموعة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // عودة "Banana"

جرب بنفسك

unshift() الطريقة (في البداية) تضيف عنصر جديد إلى المجموعة وتنقل العناصر القديمة "إلى الخلف":

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // إضافة العنصر الجديد "Lemon" إلى fruits

جرب بنفسك

unshift() يستعيد الطريقة طول المجموعة الجديدة.

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // عودة 5

جرب بنفسك

تغيير العنصر

من خلال استخدامرقمللوصول إلى عناصر المجموعة:

المجموعةالسلسلة (السند)تبدأ من 0. [0] هو العنصر الأول في المجموعة، [1] هو الثاني، [2] هو الثالث ...

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // جعل العنصر الأول في fruits "Kiwi"

جرب بنفسك

length الخصائص تقدم طريقة سهلة لإضافة عناصر جديدة إلى المجموعة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // إضافة "Kiwi" إلى fruits

جرب بنفسك

حذف العنصر

بما أن مجموعات JavaScript تعتبر من الأجسام، يمكن استخدام JavaScript delete المعلمة لإزالة العنصرحذف:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // جعل العنصر الأول في fruits غير معرف

جرب بنفسك

استخدام delete سيترك فراغ غير محدد في المجموعة. استخدم pop() أو shift() بديلاً عن ذلك.

دمج المجموعات

splice() يمكن استخدام الطريقة هذه لإضافة عناصر جديدة إلى المجموعة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

جرب بنفسك

المسامح الأول (2) يحدد الموقع الذي يجب إضافة العناصر الجديدة فيه (الدمج).

المسامح الثاني (0) يحدد عدد العناصر التي يجب حذفها.

المعلمات الأخرى ("Lemon","Kiwi") تحدد العناصر الجديدة التي يتم إضافتها.

splice() يستعيد هذا الطريقة مجموعة تحتوي على العناصر المزالة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

جرب بنفسك

استخدام splice() لإزالة العناصر

من خلال ضبط المعلمات الذكية، يمكنك استخدام splice() إزالة العنصر دون ترك فراغ في المجموعة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // حذف العنصر الأول من fruits

جرب بنفسك

المسامح الأول (0) يحدد المكون الجديد الذي يجب أن يكونإضافةالوصول).

المعامل الثاني (1) يحدد الموقعحذف عدةعنصر.

المعاملات المتبقية تم تجاهلها. لن يتم إضافة أي عنصر جديد.

دمج (إتصال) الصفحات

concat() الطريقة تخلق صفحة جديدة من خلال دمج (إتصال) الصفحات الحالية:

مثال (دمج صفحتين)

إذن،var myGirls = ["Cecilie", "Lone"];
إذن،var myBoys = ["Emil", "Tobias", "Linus"];
إذن،var myChildren = myGirls.concat(myBoys);   // دمج myGirls و myBoys

جرب بنفسك

concat() الطريقة لن تغير الصفحة الحالية. إنها دائمًا ما تعود بصفحة جديدة.

concat() يمكن للطريقة استخدام أي عدد من معاملات الصفحات:

مثال (دمج ثلاث صفحات)

إذن،var arr1 = ["Cecilie", "Lone"];
إذن،var arr2 = ["Emil", "Tobias", "Linus"];
إذن،var arr3 = ["Robin", "Morgan"];
إذن،var myChildren = arr1.concat(arr2, arr3);   // دمج arr1،arr2 و arr3 معًا

جرب بنفسك

concat() يمكن للطريقة أيضًا قبول القيم كمعامل:

مثال (دمج الصفحة والقيم)

إذن،var arr1 = ["Cecilie", "Lone"];
إذن،var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

جرب بنفسك

قطع الصفحة

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() يمكنهقبول اثنين من المعامل، مثل (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);

جرب بنفسك

التحويل إلى toString()

إذا كنت بحاجة إلى القيم الأصلية، فإن JavaScript سيقوم تلقائيًا بتحويل المصفوفة إلى نص. في الأمثلة التالية، ستنتج نفس النتيجة:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

جرب بنفسك

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

جرب بنفسك

جميع الكائنات JavaScript تستخدم toString() الطريقة.

ترتيب المصفوفات

سنتعلم كيفية ترتيب المصفوفات في الفصل التالي ~.

البحث عن أعلى وأدنى القيم في المصفوفة

لا توجد دالة مدمجة في JavaScript لبحث أعلى وأدنى القيم في المصفوفة.

سوف تتعلم كيفية حل هذه المشكلة في الفصل التالي من هذا الدليل.

الدليل المرجعي الكامل للمصفوفات

للحصول على الدليل المرجعي الكامل، يرجى زيارة دليل مرجعي JavaScript مصفوفات.

يحتوي هذا الدليل المرجعي على كل توضيحات الخصائص والمساهمات والمثال على المصفوفات.