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

مقدمة إلى المصفوفات في جافا سكريبت

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

let fruits = ["Apple", "Banana", "Cherry"];
let numbers = [1, 2, 3, 4, 5];
let mixed = [1, "Apple", true, {name: "John"}, [1, 2, 3]];

إنشاء المصفوفات

يمكن إنشاء المصفوفات باستخدام القيم الحرفية للمصفوفة أو مُنشئ المصفوفة.

let arr1 = [1, 2, 3];
let arr2 = new Array(1, 2, 3);
console.log(arr1); // Output: [1, 2, 3]
console.log(arr2); // Output: [1, 2, 3]

خصائص المصفوفة

• length: لعرض عدد العناصر في المصفوفة.

let arr = [1, 2, 3, 4, 5];
console.log(arr.length); // Output: 5

طرق المصفوفة

1.ادفع ()

إضافة عنصر أو أكثر إلى نهاية المصفوفة وإرجاع الطول الجديد.

let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // Output: [1, 2, 3, 4]

2. البوب ​​()

إزالة العنصر الأخير من مصفوفة وإرجاع هذا العنصر.

let arr = [1, 2, 3];
let last = arr.pop();
console.log(arr); // Output: [1, 2, 3]
console.log(last); // Output: 3

3. التحول ()

إزالة العنصر الأول من المصفوفة وإرجاع هذا العنصر.

let arr = [1, 2, 3];
let first = arr.shift();
console.log(arr); // Output: [2, 3]
console.log(first); // Output: 1

4. إلغاء النقل ()

إضافة عنصر أو أكثر إلى بداية المصفوفة وإرجاع الطول الجديد.

let arr = [2, 3];
arr.unshift(1);
console.log(arr); // Output: [1, 2, 3]

5.كونكات ()

دمج مصفوفتين أو أكثر وإرجاع مصفوفة جديدة.

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = arr1.concat(arr2);
console.log(merged); // Output: [1, 2, 3, 4]

6. انضم ()

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

let arr = [1, 2, 3];
let str = arr.join("-");
console.log(str); // Output: "1-2-3"

7.عكس ()

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

let arr = [1, 2, 3];
arr.reverse();
console.log(arr); // Output: [3, 2, 1]

8. شريحة ()

إرجاع نسخة سطحية من جزء من مصفوفة إلى كائن مصفوفة جديد.

let arr = [1, 2, 3, 4, 5];
let sliced = arr.slice(1, 3);
console.log(sliced); // Output: [2, 3]

9. لصق ()

تغيير محتويات المصفوفة عن طريق إزالة العناصر أو استبدالها أو إضافتها.

let arr = [1, 2, 3, 4, 5];
arr.splice(1, 2, "a", "b");
console.log(arr); // Output: [1, "a", "b", 4, 5]

10.الفرز ()

يفرز عناصر المصفوفة في مكانها ويعيد المصفوفة التي تم فرزها.

let arr = [3, 1, 4, 1, 5, 9];
arr.sort((a, b) => a - b);
console.log(arr); // Output: [1, 1, 3, 4, 5, 9]

11. مرشح ()

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

let arr = [1, 2, 3, 4, 5];
let filtered = arr.filter(x => x > 2);
console.log(filtered); // Output: [3, 4, 5]

12. الخريطة ()

إنشاء مصفوفة جديدة بنتائج استدعاء دالة مقدمة على كل عنصر في مصفوفة الاستدعاء.

let arr = [1, 2, 3];
let mapped = arr.map(x => x * 2);
console.log(mapped); // Output: [2, 4, 6]

13. تقليل ()

تطبيق دالة على المجمع وكل عنصر في المصفوفة لتقليله إلى قيمة واحدة.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, curr) => acc   curr, 0);
console.log(sum); // Output: 10

14. تجد ()

إرجاع قيمة العنصر الأول في المصفوفة الذي يلبي وظيفة الاختبار المتوفرة.

let arr = [1, 2, 3, 4, 5];
let found = arr.find(x => x > 3);
console.log(found); // Output: 4

15.findIndex ()

إرجاع فهرس العنصر الأول في المصفوفة الذي يلبي وظيفة الاختبار المتوفرة.

let arr = [1, 2, 3, 4, 5];
let index = arr.findIndex(x => x > 3);
console.log(index); // Output: 3

16. كل()

اختبار ما إذا كانت جميع العناصر الموجودة في المصفوفة تجتاز الاختبار الذي تنفذه الوظيفة المقدمة.

let arr = [1, 2, 3, 4, 5];
let allBelowTen = arr.every(x => x 




  
  
  17.بعض()


اختبار ما إذا كان هناك عنصر واحد على الأقل في المصفوفة يجتاز الاختبار الذي تنفذه الوظيفة المقدمة.


let arr = [1, 2, 3, 4, 5];
let anyAboveThree = arr.some(x => x > 3);
console.log(anyAboveThree); // Output: true





  
  
  18. يشمل ()


يحدد ما إذا كانت المصفوفة تتضمن قيمة معينة بين إدخالاتها.


let arr = [1, 2, 3, 4, 5];
let hasThree = arr.includes(3);
console.log(hasThree); // Output: true





  
  
  19. فهرس ()


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


let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3);
console.log(index); // Output: 2





  
  
  20. لاست إندكس أوف ()


إرجاع الفهرس الأخير الذي يمكن العثور فيه على عنصر معين في المصفوفة، أو -1 إذا لم يكن موجودًا.


let arr = [1, 2, 3, 4, 5, 3];
let index = arr.lastIndexOf(3);
console.log(index); // Output: 5





  
  
  21. شقة ()


إنشاء مصفوفة جديدة تحتوي على كافة عناصر المصفوفة الفرعية المتسلسلة فيها بشكل متكرر حتى العمق المحدد.


let arr = [1, [2, [3, [4]]]];
let flattened = arr.flat(2);
console.log(flattened); // Output: [1, 2, 3, [4]]





  
  
  22. فلات ماب ()


قم أولاً بتعيين كل عنصر باستخدام وظيفة التعيين، ثم قم بتسوية النتيجة في مصفوفة جديدة.


let arr = [1, 2, 3];
let flatMapped = arr.flatMap(x => [x, x * 2]);
console.log(flatMapped); // Output: [1, 2, 2, 4, 3, 6]





  
  
  23. من()


إنشاء نسخة مصفوفة جديدة منسوخة بشكل سطحي من كائن يشبه المصفوفة أو كائن قابل للتكرار.


let str = "Hello";
let arr = Array.from(str);
console.log(arr); // Output: ["H", "e", "l", "l", "o"]





  
  
  24.isArray()


يحدد ما إذا كانت القيمة التي تم تمريرها هي مصفوفة.


console.log(Array.isArray([1, 2, 3])); // Output: true
console.log(Array.isArray("Hello")); // Output: false





  
  
  25. من()


إنشاء

مثيل مصفوفة جديد بعدد متغير من الوسائط، بغض النظر عن عدد الوسائط أو نوعها.


let arr = Array.of(1, 2, 3);
console.log(arr); // Output: [1, 2, 3]





  
  
  أمثلة عملية



  
  
  المثال 1: إزالة التكرارات من مصفوفة




let arr = [1, 2, 3, 3, 4, 4, 5];
let unique = [...new Set(arr)];
console.log(unique); // Output: [1, 2, 3, 4, 5]





  
  
  المثال 2: جمع كافة القيم في مصفوفة




let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce((acc, curr) => acc   curr, 0);
console.log(sum); // Output: 15





  
  
  المثال 3: تسوية مصفوفة متداخلة بعمق




let arr = [1, [2, [3, [4, [5]]]]];
let flattened = arr.flat(Infinity);
console.log(flattened); // Output: [1, 2, 3, 4, 5]





  
  
  المثال 4: البحث عن القيمة القصوى في مصفوفة




let arr = [1, 2, 3, 4, 5];
let max = Math.max(...arr);
console.log(max); // Output: 5





  
  
  المثال 5: إنشاء مصفوفة من أزواج القيمة الرئيسية




let obj = { a: 1, b: 2, c: 3 };
let entries = Object.entries(obj);
console.log(entries); // Output: [["a", 1], ["b", 2], ["c", 3]]





  
  
  خاتمة


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