طرق مصفوفة جافا سكريبت
تحويل المصفوفات إلى سلاسل
تحوّل طريقة JavaScript toString()
مصفوفة إلى سلسلة من قيم الصفيف (مفصولة بفواصل).
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
نتيجة:
تقوم join()
الطريقة أيضًا بضم جميع عناصر المصفوفة في سلسلة نصية.
يتصرف تمامًا مثل toString()
، ولكن بالإضافة إلى ذلك ، يمكنك تحديد الفاصل:
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
نتيجة:
تفرقع ودفع
عندما تعمل مع المصفوفات ، فمن السهل إزالة العناصر وإضافة عناصر جديدة.
هذا ما هو الفرقعة والدفع:
إخراج العناصر من المصفوفة ، أو دفع العناصر إلى المصفوفة.
مصفوفة جافا سكريبت ()
pop()
يزيل هذا التابع العنصر الأخير من المصفوفة :
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
تُرجع pop()
الطريقة القيمة "المنبثقة":
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
دفع صفيف JavaScript ()
يضيف الأسلوب push()
عنصرًا جديدًا إلى مصفوفة (في النهاية):
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
تقوم هذه push()
الطريقة بإرجاع طول المصفوفة الجديد:
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
تحويل العناصر
Shifting يعادل الفرقعة ، لكن العمل على العنصر الأول بدلاً من العنصر الأخير.
تحول مصفوفة جافا سكريبت ()
تقوم shift()
الطريقة بإزالة عنصر الصفيف الأول و "إزاحة" جميع العناصر الأخرى إلى فهرس أقل.
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
تُرجع shift()
الطريقة القيمة التي تم "إزاحتها":
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
Unshift مصفوفة JavaScript ()
يضيف الأسلوب unshift()
عنصرًا جديدًا إلى مصفوفة (في البداية) ، والعناصر الأقدم "unshifts":
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
تقوم unshift()
الطريقة بإرجاع طول الصفيف الجديد.
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
تغيير العناصر
يتم الوصول إلى عناصر المصفوفة باستخدام رقم الفهرس الخاص بهم :
تبدأ فهارس المصفوفة بـ 0:
[0] هو أول عنصر مصفوفة
[1] هو الثاني
[2] هو الثالث ...
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
طول مصفوفة جافا سكريبت
توفر length
الخاصية طريقة سهلة لإلحاق عنصر جديد بمصفوفة:
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
حذف صفيف JavaScript ()
تحذير !
يمكن حذف عناصر المصفوفة باستخدام مشغل JavaScript delete
.
استخدام فتحات delete
الأوراق undefined
في المصفوفة.
استخدم pop () أو shift () بدلاً من ذلك.
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
دمج (تسلسل) المصفوفات
تنشئ concat()
الطريقة مصفوفة جديدة بدمج (ربط) المصفوفات الموجودة:
مثال (دمج صفيفين)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
concat()
لا يغير الأسلوب المصفوفات الموجودة . يقوم دائما بإرجاع مصفوفة جديدة.
يمكن concat()
للطريقة أن تأخذ أي عدد من وسيطات المصفوفات:
مثال (دمج ثلاث مصفوفات)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
يمكن concat()
للطريقة أيضًا أن تأخذ السلاسل كوسيطات:
مثال (دمج مصفوفة بالقيم)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
صفائف الربط والتقطيع
الطريقة splice()
تضيف عناصر جديدة إلى مصفوفة.
الطريقة slice()
تقطع قطعة من المصفوفة.
لصق صفيف JavaScript ()
يمكن splice()
استخدام الطريقة لإضافة عناصر جديدة إلى مصفوفة:
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
يحدد المعامل الأول (2) الموضع الذي يجب إضافة عناصر جديدة إليه (مقسم).
يحدد المعامل الثاني (0) عدد العناصر التي يجب إزالتها .
تحدد باقي المعلمات ("Lemon" و "Kiwi") العناصر الجديدة المراد إضافتها .
يعيد splice()
التابع مصفوفة بالعناصر المحذوفة:
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
باستخدام لصق () لإزالة العناصر
باستخدام إعداد المعلمات الذكي ، يمكنك استخدام splice()
إزالة العناصر دون ترك "ثقوب" في المصفوفة:
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
يحدد المعامل الأول (0) الموضع الذي يجب إضافة عناصر جديدة إليه (مقسم).
يحدد المعامل الثاني (1) عدد العناصر التي يجب إزالتها .
تم حذف باقي المعلمات. لن يتم إضافة عناصر جديدة.
شريحة صفيف JavaScript ()
الطريقة slice()
تقطع قطعة من مصفوفة إلى مصفوفة جديدة.
يقطع هذا المثال جزءًا من مصفوفة بدءًا من عنصر المصفوفة 1 ("برتقالي"):
مثال
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
ملحوظة
الطريقة slice()
تخلق مصفوفة جديدة.
لا slice()
يزيل الأسلوب أي عناصر من المصفوفة المصدر.
يقطع هذا المثال جزءًا من مصفوفة بدءًا من عنصر المصفوفة 3 ("Apple"):
مثال
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
يمكن slice()
للطريقة أن تأخذ حجتين مثل slice(1, 3)
.
تحدد الطريقة بعد ذلك عناصر من وسيطة البداية ، وحتى (ولكن لا تشمل) وسيطة النهاية.
مثال
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
إذا تم حذف وسيطة النهاية ، كما في الأمثلة الأولى ، فإن slice()
الطريقة تقطع بقية المصفوفة.
مثال
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
تلقائي toString ()
يحول JavaScript تلقائيًا مصفوفة إلى سلسلة مفصولة بفاصلة عندما يُتوقع وجود قيمة أولية.
هذا هو الحال دائمًا عندما تحاول إخراج مصفوفة.
سينتج عن هذين المثالين نفس النتيجة:
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
مثال
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
ملحوظة
كل كائنات JavaScript لها طريقة toString ().
البحث عن الحد الأقصى والحد الأدنى للقيم في مصفوفة
لا توجد وظائف مضمنة للعثور على أعلى أو أدنى قيمة في مصفوفة JavaScript.
سوف تتعلم كيف تحل هذه المشكلة في الفصل التالي من هذا البرنامج التعليمي.
صفائف الفرز
يتم تناول مصفوفات الفرز في الفصل التالي من هذا البرنامج التعليمي.
مرجع صفيف كامل
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.