تعامل مع المصفوفات المتداخلة في JavaScript

للتفاعل مع مصفوفة داخل مصفوفة في لغة JavaScript، يمكن استخدام حلقة التكرار (Loop) المناسبة للوصول إلى كل عنصر داخل المصفوفة الخارجية، ثم التحقق مما إذا كان العنصر الحالي داخل المصفوفة هو قيمة عادية أم مصفوفة بحد ذاتها. في حال كان عنصرًا عاديًا، يتم التعامل معه مباشرة، أما في حال كان عبارة عن مصفوفة، فيجب التكرار مرة أخرى داخلها.

لنقم بتوضيح الطريقة باستخدام المثال الذي قدمته:

javascriptCopy code
var a = [1, 3, [6], 7, [8]];

// استخدام حلقة for-of للتفاعل مع عناصر المصفوفة الخارجية
for (var i = 0; i < a.length; i++) {
    // التحقق مما إذا كان العنصر الحالي داخل المصفوفة هو مصفوفة بحد ذاتها
    if (Array.isArray(a[i])) {
        // في حال كان العنصر مصفوفة، نقوم بتكرارها باستخدام حلقة داخلية
        for (var j = 0; j < a[i].length; j++) {
            console.log("Element inside nested array: " + a[i][j]);
        }
    } else {
        // في حال كان العنصر عادي، نتعامل معه مباشرة
        console.log("Normal element: " + a[i]);
    }
}

في هذا الكود، نستخدم حلقة for للتحقق من كل عنصر في المصفوفة الخارجية a. بعد ذلك، نستخدم Array.isArray() للتحقق مما إذا كان العنصر الحالي مصفوفة أم لا. إذا كان العنصر مصفوفة، نقوم بتكرارها باستخدام حلقة داخلية. أما إذا كان عنصرًا عاديًا، فإننا نتعامل معه مباشرة.

هذا النهج يتيح لك التفاعل بسهولة مع المصفوفات المتداخلة في JavaScript والقيام بالعمليات المناسبة على عناصرها.

بفضل قوة لغة JavaScript ومرونتها، يمكنك التعامل بكفاءة مع المصفوفات المتداخلة وتنفيذ العديد من العمليات عليها. في هذا السياق، يمكن أيضًا استخدام وظائف مثل forEach() و map() و reduce() لتسهيل العمليات على المصفوفات، بما في ذلك تكرار المصفوفات المتداخلة.

لنستكشف استخدام بعض هذه الوظائف في التعامل مع المصفوفات المتداخلة:

1. استخدام forEach():

javascriptCopy code
var a = [1, 3, [6], 7, [8]];

// استخدام forEach للتفاعل مع عناصر المصفوفة الخارجية
a.forEach(function(element) {
    // التحقق مما إذا كان العنصر الحالي داخل المصفوفة هو مصفوفة بحد ذاتها
    if (Array.isArray(element)) {
        // استخدام forEach داخلي لتكرار عناصر المصفوفة الداخلية
        element.forEach(function(innerElement) {
            console.log("Element inside nested array: " + innerElement);
        });
    } else {
        console.log("Normal element: " + element);
    }
});

2. استخدام map():

javascriptCopy code
var a = [1, 3, [6], 7, [8]];

// استخدام map للتفاعل مع عناصر المصفوفة الخارجية وإرجاع قيم جديدة
var mappedArray = a.map(function(element) {
    // التحقق مما إذا كان العنصر الحالي داخل المصفوفة هو مصفوفة بحد ذاتها
    if (Array.isArray(element)) {
        // استخدام map داخلي للتعامل مع عناصر المصفوفة الداخلية
        return element.map(function(innerElement) {
            return "Element inside nested array: " + innerElement;
        });
    } else {
        return "Normal element: " + element;
    }
});

console.log(mappedArray.flat()); // يُطبع المصفوفة بتسطيح الأبعاد

3. استخدام reduce():

javascriptCopy code
var a = [1, 3, [6], 7, [8]];

// استخدام reduce لتجميع قيم معينة بناءً على عناصر المصفوفة
var reducedArray = a.reduce(function(acc, element) {
    // التحقق مما إذا كان العنصر الحالي داخل المصفوفة هو مصفوفة بحد ذاتها
    if (Array.isArray(element)) {
        // استخدام concat لدمج عناصر المصفوفة الداخلية مع الحاصل السابق
        return acc.concat(element);
    } else {
        // إضافة العناصر العادية مباشرة إلى الحاصل
        acc.push(element);
        return acc;
    }
}, []);

console.log(reducedArray); // المصفوفة المخفضة

من خلال استخدام هذه الوظائف، يمكنك بسهولة تنفيذ العمليات المختلفة على المصفوفات المتداخلة في JavaScript، مما يجعل التعامل مع هذا النوع من البيانات أكثر فعالية وسهولة.