0Pricing
JavaScript Academy · درس

أنماط التكرار

كرّروا عناصر Map وSet باستخدام for...of؛ واستخدموا entries/keys/values؛ وحوّلوها إلى مصفوفات؛ وابنوا عدّادات وقوائم فريدة صغيرة

أنماط التكرار درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 3 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

نظرة عامة على التكرار

الهدف: تعلم التكرار البسيط والواضح.

  • Map: entries وkeys وvalues
  • Set: values
  • التحويل إلى مصفوفات
  • عداد التكرارات والقوائم الفريدة
أنماط التكرار — رسم توضيحي 1

Map: entries/keys/values

استخدموا for...of على Map للحصول على [key, value]؛ كما تتوفر keys() وvalues().

// Map iterates as [key, value] pairs
const prices = new Map();
prices.set("apple", 3);
prices.set("banana", 2);

for (const [item, cost] of prices) {
  console.log(item, cost);
}

// You can also use keys() or values()
for (const k of prices.keys()) {
  console.log("key:", k);
}
for (const v of prices.values()) {
  console.log("value:", v);
}
أنماط التكرار — رسم توضيحي 2

Set: حلقة بسيطة

يعرض Set القيم الفريدة بترتيب الإدراج؛ ويتم تجاهل القيم المكررة.

// Set iterates values in insertion order
const colors = new Set(["red", "green", "red", "blue"]);

for (const c of colors) {
  console.log("color:", c);
}

console.log("size:", colors.size);
أنماط التكرار — رسم توضيحي 3

التحويل باستخدام Array.from

استخدموا Array.from لتحويل Maps/Sets إلى مصفوفات، وتحويل الأزواج إلى Map.

// Convert Map to array of pairs, and back
const map1 = new Map([["a", 1], ["b", 2]]);
const pairs = Array.from(map1); // [["a",1],["b",2]]
console.log("pairs:", pairs);

const map2 = new Map(pairs);
console.log("map2 has a?", map2.has("a"));

// Set to array of values
const set1 = new Set([1, 1, 2, 3]);
const arr = Array.from(set1); // [1,2,3]
console.log("arr:", arr);
أنماط التكرار — رسم توضيحي 4

عداد التكرارات

يُعدّاد Map طريقة واضحة لحساب مرات التكرار في قائمة.

// Count items in an array using Map
function countItems(list) {
  const counts = new Map();
  for (const x of list) {
    const n = counts.get(x) || 0;
    counts.set(x, n + 1);
  }
  return counts;
}

const fruits = ["apple", "banana", "apple", "apple", "banana"];
const counts = countItems(fruits);

// Print counts as "item: n"
for (const [name, n] of counts) {
  console.log(name + ":", n);
}
أنماط التكرار — رسم توضيحي 5

الفرادة والعضوية

استخدموا Set لإنشاء قائمة فريدة ولإجراء عمليات تحقق سريعة من العضوية باستخدام has.

// Unique values with Set, quick membership test
const numbers = [2, 3, 2, 4, 3, 5];
const unique = Array.from(new Set(numbers));
console.log("unique:", unique);

// Quick membership with Set.has
const allowed = new Set([2, 5]);
console.log("allowed has 2?", allowed.has(2));
console.log("allowed has 4?", allowed.has(4));
أنماط التكرار — رسم توضيحي 6

اختبار التكرار في Map

تحقق سريع: أفضل حلقة في Map للحصول على المفتاح والقيمة معًا.

أنماط التكرار — رسم توضيحي 7

مراجعة

مراجعة: كرروا عناصر Map باستخدام for...of للحصول على [key, value]، وكرروا قيم Set مباشرة، وحوّلوها باستخدام Array.from. استخدموا Map للعدادات وSet للقوائم الفريدة.

أنماط التكرار — رسم توضيحي 8

الأسئلة الشائعة

هل درس «أنماط التكرار» مجاني؟

نعم — نص درس «أنماط التكرار» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

ماذا ستتعلم في «أنماط التكرار»؟

كرّروا عناصر Map وSet باستخدام for...of؛ واستخدموا entries/keys/values؛ وحوّلوها إلى مصفوفات؛ وابنوا عدّادات وقوائم فريدة صغيرة تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 3.

كم من الوقت يستغرق درس «أنماط التكرار»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. أساسيات Map وSet
  2. WeakMap وWeakSet — خصوصية ومخابئ بسيطة
  3. أنماط التكرار
← العودة إلى JavaScript Academy