طرق Array في جافا سكريبت

يملك JavaScript العديد من الطرق المدمجة المفيدة لمعالجة اللوحات.

تسمى طرق تعديل اللوحةmutator(معدل)طريقة.

يعود بقيمة جديدة أو شكل.طريقةيسمىمستشار (مستشار)طريقة.

تحويل اللوحة إلى سلسلة

toString()تقوم طريقة اللوحة بتحويل اللوحة إلى سلسلة (مفصولة بالكومات) من قيم اللوحة.

var months = ["Jan", "Feb", "Mar", "Apr", "May"];
document.getElementById("result").innerHTML = months.toString();

join()يمكن لطريقة اللوحة أيضًا تحويل جميع عناصر اللوحة إلى سلسلة جديدة.

سلوك هذه الطريقة مشابه لـtoString()، ولكن يمكنك أيضًا تحديد مفتاح الفصل لطريقة join.

var fruits = ["Banana", "Apple", "Mango"];
fruits.join("　+　"); // Banana + Apple + Mango
fruits.join("　/　"); // Banana / Apple / Mango
fruits.join("　©　"); // Banana © Apple © Mango

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

طريقة push() - إضافة عنصر اللوحة

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

var fruits = ['Banana', 'Mango', 'Apple'];
fruits.push("Strawberry");

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

سيضيف الكود التالي ثلاثة عناصر إلى نهاية القائمة. سيكون متغير 'total' يحتوي على طول القائمة الجديد:

var fruits = ['Banana', 'Mango', 'Apple'];
var total = fruits.push('Strawberry', 'Lychee', 'Guava');

unshift()تُستخدم طرق القائمة لإضافة عناصر جديدة إلى بداية القائمة.

var fruits = ['Banana', 'Mango', 'Apple'];
fruits.unshift('Strawberry');

هذاunshift()يُستخدم الطريقة لتحدد طول القائمة الجديد.

سيضيف الكود التالي ثلاثة عناصر إلى القائمة. سيكون متغير 'total' يحتوي على طول القائمة الجديد:

var fruits = ['Banana', 'Mango', 'Apple'];
var total = fruits.unshift('Strawberry', 'Lychee', 'Guava');

مетод pop() - إزالة عنصر القائمة

pop()يُستخدم الطريقة pop() لتحديد العنصر الأخير في القائمة.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.pop();

pop()يُرجع الطريقة القيمة التي تم إزالتها:

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var x = fruits.pop();

shift()تُستخدم طرق القائمة لإزالة العنصر الأول من القائمة.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.shift();

shift()يُرجع الطريقة العنصر الذي تم إزالته:

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var x = fruits.shift();

مетод splice() - إضافة وتعديل القائمة

splice()ت更改 القائمة من خلال إزالة العناصر الحالية و(أو) إضافة عناصر جديدة.

var months = ['Jan', 'Mar', 'Apr', 'Jun'];
months.splice(1, 0, 'Feb'); // إضافة 'Feb' في الرقم 1

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

المعلمة الثانية (0）تحديد عدد العناصر التي سيتم إزالتها.

ثالث المعلمات ('Feb'）تحديد العنصر الجديد الذي سيتم إضافته.

في المثال التالي، سنقوم باستبدال عنصر واحد في الرقم 4:

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
months.splice(4, 1, 'May'); // استبدال 'Jun' ب'May' في الرقم 4

في المثال التالي، سنقوم بإزالة عنصر واحد من الرقم 3:

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
months.splice(3, 1);

في المثال التالي، سنقوم بإزالة 2 عناصر من بداية النص من الرقم 2:

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
months.splice(2, 2);

splice()يُرجع الطريقة قائمة تحتوي على العناصر المزالة:

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'];
var arr = months.splice(2, 2);

الإشارةsplice()لا تزالslice()التبلد في المجموعات، وهي مجموعة محوّلة، تكرر جزءًا من المجموعة.

تعديل عنصر المجموعة

من خلال تخصيص قيمة جديدة باستخدام محوّل التخصيص، يمكننا تغيير أي قيمة في المجموعة.

let fruits = ["Apple", "Mango", "Banana", "Orange"];
fruits[0] = "Monkey";

طريقة concat() - دمج المجموعات

concat()تستخدم طريقة التجميع لدمج مجموعتين أو أكثر لتكوين مجموعة جديدة.

في المثال التالي، سنقوم بإنشاء مجموعتين وندمجها في مجموعة جديدة:

var fruits = ["Apple", "Mango", "Banana"];
var numbers = [5, 10, 12, 98, 3];
var arr = fruits.concat(numbers);

concat()يمكن للطريقة أن تأخذ عدة معلمات، يمكنك استخدام طريقة واحدة لربط عدة مجموعات معًا بشكل فعال.

var num1 = [1, 2, 3];
var num2 = [4, 5, 6];
var num3 = [7, 8, 9];
var nums = num1.concat(num2, num3);

طريقة slice() - قطع المجموعة

slice()يستخدم طريقة التجميع لنسخ جزء من المجموعة إلى مجموعة جديدة.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var extract = fruits.slice(1, 3); // return Mango, Apple

المعلمة الأولى (1）يحدد موقف البدء للإزالة.

المعلمة الثانية (3）يحدد موقف التوقف للإزالة.

إذا تم تخطي المعلمة الثانية، فإنهاslice()يقطع الطريقة باقي المجموعة.

في المثال التالي، سنستخرج العناصر دون استخدام المعلمة الثانية:

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var extract = fruits.slice(1); // return Mango, Apple, Orange

في المثال التالي، سنستخدم القيم السلبية لاستخراج عناصر المجموعة:

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
var extract = fruits.slice(-3, -1); // return Mango, Apple

البحث عن عنصر في المجموعة

indexOf()يستخدم طريقة التجميع لاسترجاع أول موقع العنصر المحدد في المجموعة.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.indexOf('Apple'); // يعود 2

ملاحظة:رقم العنصر الأول هو 0، رقم العنصر الثاني هو 1، وهكذا.

إذا كان المعامل المقدم ليس موجودًا في المصفوفة، فإنه يعود-1.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange'];
fruits.indexOf('Beer'); // يعود -1

lastIndexOf()تقوم طريقة المصفوفة بتحديد آخر أرقام الأعمدة التي يمكن العثور عليها في المصفوفة.

يمكننا اختبار نفس المثال الذي يحتوي على نفس الكلمة "Apple" باستخدام indexOf().

var fruits = ['Banana', 'Mango', 'Apple', 'Orange', 'Apple'];
fruits.lastIndexOf('Apple'); // يعود 4

ملاحظة:lastIndexOf()سيبدأ البحث في المصفوفة من النهاية، ويعود أرقام الأعمدة الأولى التي يجدها.

إذا كان المعامل المقدم ليس موجودًا في المصفوفة، فإنه يعود-1.

var fruits = ['Banana', 'Mango', 'Apple', 'Orange', 'Apple'];
fruits.lastIndexOf('Beer'); // يعود -1

طريقة fill()

fill()تستخدم طريقة fill لاستبدال جميع العناصر في المصفوفة بقيمة ثابتة.

var nums = [1, 2, 3, 4];
nums.fill(17);

تم استبدال جميع أربعة العناصر في المصفوفة بالقيمة نفسها 17.

fill()يقبل أيضًا خيارات البداية والنهاية.

ملء 0 من موقع 2 إلى موقع 4 (لا يشمل 4):

var nums = [1, 2, 3, 4];
nums.fill(0, 2, 4);

استخدامfill()يمكن استبدال عنصر أو أكثر من المصفوفة باستخدام القيم الثابتة.

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

reverse()يمكن للطريقة أن تعكس ترتيب العناصر في المصفوفة.

var nums = [10, 20, 30, 40, 50];
nums.reverse();

استخدامreverse()بعد ذلك، سيكون العنصر الأخير الأول، والعنصر الأول الأخير.

sort()يقوم طريقة المصفوفة بترتيب العناصر في المصفوفة بناءً على أول رمز في العنصر. في حالة التطابق في الأول، يستمر في التحقق من الرمز التالي، وهكذا.

بالتأكيد،sort()سيتم ترتيب جميع الأعداد من النصوص الكبيرة أو الصغيرة حسب ترتيب الأبجدية.

var months = ['March', 'Jan', 'Feb', 'Dec'];
months.sort();

بسببsort()بناءً على أول رمز يونيكي، لذا فإنه يقوم بترتيب العناصر الكبيرة أولاً، ثم العناصر الصغيرة.

نحن نعدل المصفوفة الأصلية لجعل أحد الكلمات من النصوص يبدأ بحرف صغير.

var months = ['March', 'Jan', 'Feb', 'dec'];
months.sort();

يمكنك استخدامsort()يترتيب الطريقة الأرقام.

var nums = [5, 1, 2, 7, 3, 6, 4];
nums.sort();

sort()لن يتم ترتيب جداول الأرقام حسب الحجم. بدلاً من ذلك، سيقوم بالتحقق فقط من الحرف الأول في الرقم.

var nums = [5, 1, 2, 17, 13, 6, 34];
nums.sort();

لترتيب الأرقام بشكل صحيح، يمكنك إنشاء وظيفة مقارنة كمعامل.

var nums = [5, 1, 2, 17, 13, 6, 34];
nums.sort(function(a, b) { return a - b });

إذا كنت بحاجة إلى ترتيب الأرقام مرة أخرى، يمكنك إنشاء وظيفة منفصلة.

var nums = [5, 1, 2, 17, 13, 6, 34];
nums.sort(sortNumerically);
// وظيفة لترتيب الأرقام حسب الحجم
var sortNumerically = (a, b) => {
　　return a - b;
}

مرجع الجداول الكامل

للحصول على مرجع كامل للخصائص والطرق، يرجى زيارةدليل مرجعي لـ Array في JavaScript.

يحتوي الجزء المشار إليه على وصف و أمثلة لجميع خصائص وطرق الجداول.