"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > استكشاف أساليب صفيف جافا سكريبت مع الأمثلة

استكشاف أساليب صفيف جافا سكريبت مع الأمثلة

تم النشر بتاريخ 2024-09-14
تصفح:799

Exploring JavaScript Array Methods with Examples

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

طرق المصفوفة

  • push(): يضيف عنصرًا واحدًا أو أكثر إلى نهاية المصفوفة ويعيد الطول الجديد للمصفوفة.
let fruits = ['apple', 'banana'];
fruits.push('orange');  // returns 3 (new length of array)
console.log(fruits);    // Output: ['apple', 'banana', 'orange']
  • pop(): يزيل العنصر الأخير من المصفوفة ويعيد هذا العنصر.
let fruits = ['apple', 'banana', 'orange'];
let lastFruit = fruits.pop();  // returns 'orange'
console.log(fruits);           // Output: ['apple', 'banana']
console.log(lastFruit);        // Output: 'orange'
  • shift(): يزيل العنصر الأول من المصفوفة ويعيد العنصر المحذوف.
let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits.shift();  // returns 'apple'
console.log(fruits);              // Output: ['banana', 'orange']
console.log(firstFruit);          // Output: 'apple'
  • unshift(): يضيف عنصرًا واحدًا أو أكثر إلى بداية المصفوفة ويعيد الطول الجديد للمصفوفة.
let fruits = ['banana', 'orange'];
fruits.unshift('apple');  // returns 3 (new length of array)
console.log(fruits);      // Output: ['apple', 'banana', 'orange']
  • forEach(): ينفذ الوظيفة المتوفرة مرة واحدة لكل عنصر من عناصر المصفوفة.
let numbers = [1, 2, 3];
numbers.forEach(function(num) {
  console.log(num * 2);  // Output: 2, 4, 6
});
  • map(): إنشاء مصفوفة جديدة مليئة بنتائج استدعاء دالة مقدمة على كل عنصر في مصفوفة الاستدعاء.
let numbers = [1, 2, 3];
let doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled);  // Output: [2, 4, 6]
  • filter(): ينشئ مصفوفة جديدة تحتوي على جميع العناصر التي اجتازت الاختبار الذي نفذته الوظيفة المقدمة.
let numbers = [1, 2, 3, 4, 5];
let evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens);  // Output: [2, 4]
  • find(): إرجاع العنصر الأول في المصفوفة الذي يلبي وظيفة الاختبار المتوفرة.
let numbers = [10, 20, 30, 40, 50];
let found = numbers.find(function(num) {
  return num > 25;
});
console.log(found);  // Output: 30
  • reduce(): يطبق دالة على المجمع وكل عنصر في المصفوفة (من اليسار إلى اليمين) لتقليله إلى قيمة واحدة.
let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(acc, current) {
  return acc   current;
}, 0);
console.log(sum);  // Output: 15 (1   2   3   4   5)
  • indexOf(): يُرجع الفهرس الأول الذي يمكن العثور فيه على عنصر معين في المصفوفة، أو -1 إذا لم يكن موجودًا.
let fruits = ['apple', 'banana', 'orange', 'apple'];
let index = fruits.indexOf('apple');  // returns 0
console.log(index);                   // Output: 0
  • lastIndexOf(): يُرجع الفهرس الأخير الذي يمكن العثور فيه على عنصر معين في المصفوفة، أو -1 إذا لم يكن موجودًا.
let fruits = ['apple', 'banana', 'orange', 'apple'];
let lastIndex = fruits.lastIndexOf('apple');  // returns 3
console.log(lastIndex);                      // Output: 3

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

بيان الافراج تم نشر هذه المقالة على: https://dev.to/suleman_ahmed_rajput/exploring-javascript-array-methods-with-examples-3p90?1 إذا كان هناك أي انتهاك، يرجى الاتصال بـ [email protected] لحذفه
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3