JS - Loop For Of

JavaScript - حلقة for...of

🔸 تُستخدم حلقة for...of للتكرار على القيم داخل الكائنات القابلة للتكرار مثل المصفوفات (Arrays)، السلاسل النصية (Strings)، الـ Maps، والـ Sets. هي طريقة سهلة للحصول على القيم مباشرة بدون الحاجة للمفاتيح أو الفهارس.

---

🔹 الصيغة الأساسية

for (let value of iterable) {
  // كود يُنفذ على كل قيمة
}

---

🧪 مثال على مصفوفة

const colors = ["red", "green", "blue"];

for (let color of colors) {
  console.log(color);
}

📌 يتم طباعة القيم مباشرة بدون استخدام الفهرس.

---

🧪 مثال على سلسلة نصية

let name = "Mahmoud";

for (let char of name) {
  console.log(char);
}

📌 يتم التكرار على كل حرف في السلسلة النصية.

---

🧪 مثال على Set

const fruits = new Set(["apple", "banana", "mango"]);

for (let fruit of fruits) {
  console.log(fruit);
}

---

🧪 مثال على Map

const userInfo = new Map([
  ["name", "Noor"],
  ["age", 9]
]);

for (let [key, value] of userInfo) {
  console.log(key + ": " + value);
}

---

⚠️ ملاحظات مهمة

• for...of لا تعمل على الكائنات العادية {}، لكنها تعمل على الكائنات القابلة للتكرار.
• مثالية عند الحاجة إلى قراءة القيم فقط بدون الحاجة للمفاتيح أو الفهارس.
• أكثر وضوحًا وأسهل في القراءة من for و for...in في بعض الحالات.