✨ أدوات سحرية للمصفوفات في JavaScript 🎉 مرحبًا أبطال البرمجة! في الجزء الأول، تعلمنا شو هي المصفوفات. وفي الجزء الثاني، استخدمنا الحلقات لتكرار العناصر. الآن …

المؤلف آن بالعربي
تاريخ النشر
آخر تحديث

✨ أدوات سحرية للمصفوفات في JavaScript


🎉 مرحبًا أبطال البرمجة!

في الجزء الأول، تعلمنا شو هي المصفوفات. وفي الجزء الثاني، استخدمنا الحلقات لتكرار العناصر. الآن في الجزء الثالث، رح نستكشف أدوات رائعة بتساعدنا نعمل أشياء مذهلة مع المصفوفات! 🎩🔧




🔢 ترتيب العناصر باستخدام sort()

تخيل عندك مصفوفة فيها أسماء أو أرقام، وبدك ترتبهم. JavaScript فيها دالة جاهزة اسمها sort()، بتخليك ترتب المصفوفة بسهولة.

📦 مثال 1: ترتيب أسماء


let fruits = ["موز", "تفاح", "كرز", "أناناس"];
fruits.sort();

console.log(fruits);
// النتيجة: ["أناناس", "تفاح", "كرز", "موز"]

📌 بترتب العناصر حسب الترتيب الأبجدي.

📦 مثال 2: ترتيب أرقام (انتبه!)


let numbers = [40, 100, 1, 5];
numbers.sort();

console.log(numbers);
// النتيجة: [1, 100, 40, 5] ❌ (مش ترتيب صحيح!)

⛔ ليش هيك صار؟ لأن sort() بيحول الأرقام لنصوص ويرتبها حسب الحروف!
📌 لحل المشكلة، بنضيف دالة خاصة للترتيب:


numbers.sort(function(a, b) {
  return a - b;
});

// النتيجة: [1, 5, 40, 100] ✅

✂️ قص جزء من المصفوفة باستخدام slice()

دالة slice() بتخلينا ناخذ جزء من المصفوفة ونترك الباقي.

📦 مثال:


let animals = ["قطة", "كلب", "أسد", "نمر", "فيل"];

let smallAnimals = animals.slice(0, 3);

console.log(smallAnimals); 
// ["قطة", "كلب", "أسد"]

slice(0, 3) يعني: خذ العناصر من المكان 0 إلى المكان 3 (لكن لا يشمل 3).

📌 ليش نستخدم slice()؟

  • لتقسيم المصفوفة لأجزاء.
  • لعمل نسخة بدون تعديل الأصل.

🔗 دمج العناصر معًا باستخدام join()

لو عندك مصفوفة وبدك تحولها إلى جملة أو نص واحد، استخدم join()!

📦 مثال:


let words = ["أنا", "أحب", "البرمجة"];
let sentence = words.join(" ");

console.log(sentence);
// "أنا أحب البرمجة"

🎉 نقدر نختار شو نحط بين كل كلمة: فراغ، فاصلة، أو حتى رمز!


let emojis = ["🙂", "🎮", "💻"];
console.log(emojis.join(" + "));
// 🙂 + 🎮 + 💻

📚 دوال أخرى مفيدة جدًا:

  • push(): لإضافة عنصر في نهاية المصفوفة.
  • pop(): لحذف آخر عنصر.
  • shift(): لحذف أول عنصر.
  • unshift(): لإضافة عنصر في بداية المصفوفة.

📦 مثال سريع:


let colors = ["أحمر", "أزرق"];

colors.push("أخضر");    // إضافة أخضر في النهاية
colors.unshift("أصفر"); // إضافة أصفر في البداية
colors.pop();           // حذف أخضر
colors.shift();         // حذف أصفر

console.log(colors); 
// ["أزرق"]

🎮 تمرين عملي!

عندك مصفوفة فيها درجات في 4 مواد:


let marks = [80, 90, 75, 85];
  • احسب المجموع باستخدام for
  • رتب العلامات من الأصغر للأكبر باستخدام sort()
  • خذ أعلى علامتين باستخدام slice()

🔍 هل تقدر تكتب الكود؟ جرب وشاركنا!


🤓 جرب بنفسك:

عندك مصفوفة فيها أسماء:


let names = ["ليلى", "علي", "سعاد", "مازن"];

اعمل التالي:

  • رتب الأسماء.
  • خذ أول اسمين.
  • ادمجهم مع كلمة "أهلا" باستخدام join().

مثال:


let sortedNames = names.sort();
let topTwo = sortedNames.slice(0, 2);
let message = topTwo.join(" و ");

console.log("أهلاً " + message + "!");

💬 سؤال اليوم:

إذا عندك مصفوفة فيها 10 أشياء بتحبهم، كيف ممكن ترتبهم حسب الأفضلية؟ 🌟

شاركنا طريقتك أو جزء من كودك!


📌 خلاصة الجزء الثالث:

  • sort() بترتب المصفوفة.
  • slice() بتقص جزء من المصفوفة.
  • join() بيدمج العناصر كنص واحد.
  • ودوال أخرى مثل push وpop لتعديل المصفوفة.

🚀 الآن صار عندك أدوات قوية للتعامل مع المصفوفات! وتذكر: الممارسة والتجربة أهم شيء لتصير محترف برمجة. 😉

تعليقات

عدد التعليقات : 0