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

في هذا المنشور، سنستكشف أربع طرق مصفوفة شائعة الاستخدام: concat() وreverse() وfill() و join().

تعد كل من هذه الطرق أداة قيمة لمعالجة المصفوفات بطرق مختلفة. هيا بنا نتعمق!

إذا لم تكن قد قرأت منشورنا السابق بعد، فتأكد من مراجعة الجزء الأول للحصول على المزيد من تقنيات المصفوفة المفيدة! سيعطيك هذا نظرة عامة كاملة على طرق المصفوفة الأكثر قوة.

1.كونكات ()

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

بناء الجملة:

arr.concat(value1, value2, ...);

• value1, value2,... - يمكن أن تكون صفائف أو قيم للدمج.

إذا كانت الوسيطة عبارة عن مصفوفة، فسيتم نسخ جميع العناصر من تلك المصفوفة؛ وإلا فسيتم نسخ الوسيطة نفسها.

مثال:

const arr = [1, 2];

// Merging arr with another array [3, 4]
const arr1 = arr.concat([3, 4]);
console.log(arr1);  // Output: [1, 2, 3, 4]

// Merging arr with two arrays [3, 4] and [5, 6]
const arr2 = arr.concat([3, 4], [5, 6]);
console.log(arr2);  // Output: [1, 2, 3, 4, 5, 6]

// Merging arr with two arrays and additional values 5 and 6
const arr3 = arr.concat([3, 4], 5, 6);
console.log(arr3);  // Output: [1, 2, 3, 4, 5, 6]

2. عكس ()

عكس الأسلوب () يعكس ترتيب العناصر في المصفوفة الأصلية. على عكس طرق المصفوفات الأخرى، يقوم الدالة Reverse()‎ بتعديل المصفوفة الأصلية في مكانها وإرجاعها أيضًا.

بناء الجملة:

arr.reverse();

مثال:

const arr = [1, 2, 3, 4, 5];

// Reverses the array in place and returns the reversed array
const reversedArr = arr.reverse();
console.log(reversedArr);  // Output: [5, 4, 3, 2, 1]

// Original array is also reversed
console.log(arr);  // Output: [5, 4, 3, 2, 1]

3. املأ ()

تقوم طريقة fill () بملء جميع العناصر في المصفوفة بقيمة محددة. إنها طريقة mutator، مما يعني أنها تعدل المصفوفة الأصلية وتعيد النسخة المحدثة.

بناء الجملة:

arr.fill(value, start, end)

• القيمة – القيمة التي سيتم ملء المصفوفة بها.
• بدء (اختياري) – فهرس البداية (الافتراضي هو 0).
• end (اختياري) – فهرس النهاية (الافتراضي هو arr.length).

هام: لم يتم تضمين فهرس النهاية - فهو يعمل كحدود حصرية. وهذا يعني أن التعبئة ستتوقف مباشرة قبل العنصر الموجود في فهرس النهاية.

مثال:

const nums1 = [15, 27, 19, 2, 1];
const nums2 = [25, 28, 34, 49];
const nums3 = [8, 9, 3, 7];

// Fill all elements with 5
const newNums1 = nums1.fill(5);
console.log(nums1);  // Output: [5, 5, 5, 5, 5]
console.log(newNums1);  // Output: [5, 5, 5, 5, 5]

// Fill elements from index 1 to 3 with 25
nums2.fill(25, 1, 3);
console.log(nums2);  // Output: [25, 25, 25, 49]

// Fill elements from index -2 to end with 15 (negative index counts from the end)
nums3.fill(15, -2);
console.log(nums3);  // Output: [8, 9, 15, 15]

4. انضم ()

تقوم طريقة join () بدمج جميع عناصر المصفوفة في سلسلة واحدة. بشكل افتراضي، يتم فصل العناصر بفاصلة، ولكن يمكنك تحديد فاصل مخصص.

بناء الجملة:

arr.join(separator);

• فاصل (اختياري) - سلسلة تستخدم لفصل عناصر المصفوفة (الافتراضي هو،).

مثال:

const movies = ["Animal", "Jawan", "Pathaan"];

// Join elements with a custom separator " | "
const moviesStr = movies.join(" | ");
console.log(moviesStr);  // Output: "Animal | Jawan | Pathaan"

// The original array remains unchanged
console.log(movies);  // Output: ["Animal", "Jawan", "Pathaan"]

// Join elements with no separator
const arr = [2, 2, 1, ".", 4, 5];
console.log(arr.join(""));  // Output: "221.45"

// Join elements with a custom separator " and "
const random = [21, "xyz", undefined];
console.log(random.join(" and "));  // Output: "21 and xyz and "

خاتمة

تعد أساليب concat() وreverse() وfill() و join() أدوات قوية للعمل مع المصفوفات في JavaScript.

• concat() يجمع المصفوفات والقيم في مصفوفة جديدة.
• reverse() يعكس ترتيب العناصر الموجودة في مكانها.
• fill() يستبدل عناصر المصفوفة بقيمة محددة.
• join() يربط عناصر المصفوفة في سلسلة، مع فاصل قابل للتخصيص.

تعد هذه الأساليب ضرورية لمعالجة المصفوفات بشكل فعال ويمكن أن تساعد في جعل التعليمات البرمجية الخاصة بك أكثر وضوحًا وكفاءة.