JS for OF
سنتعلم في هذا الدرس ال for of Loop Syntax وكيفية استخدامها ولماذا تستخدم
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JS for OF chevron_left JavaScript
JS for OF
</> JS for OF
for ... of هي عبارة عن حلقة متكررة تستخدم في المرور علي الكائنات القابلة للتكرار ، بما في ذلك: string، و Array ،
تمكنك من عمل loop علي البيانات المتكررة iterable data structures مثل ال arrays وال strings وال Maps وال NodeLists
يتم تمرير قيميتين داخل ال for of :
- ال variable هو الذي تخزن بداخلة كل عنصر Element من عناصر المصفوفة Array في كل عملية تكرار ويمكن استخدام var او let او const
- ال iterable وهو ال Array الزي يحتوي علي مجموعة عناصر
Syntax
for (variable of iterable) {
/* code block to be executed */
}
</> Array Loop
استخدام ال for of loop مع ال array
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript For/Of Loop</h2>
<p>The for/of statement loops through the values of an iterable object.</p>
<p id="test"></p>
<script>
let cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x + "<br>";
}
document.getElementById("test").innerHTML = text;
</script>
</body>
</html>
</> string loop
يمكن استخدام ال for of loop مع ال string نصوص لتقوم بالمرور علي احرف نص معين كما في المثال التالي
let language = "JavaScript";
let text = "";
for (let x of language) {
text += x + "<br>";
</> Iterating over a Map
يمكننا ايضا استخدام ال for of loop مع ال Map لتقوم بالمرور علي جميع عناصرها وأجراء شئ معين عليها ويمكنها
- طباعتها
- او طباعة القيم "values" الخاصة بالعناصر فقط
- أو طباعة ال keys الخاصة بالعناصر فقط
const iterable = new Map([['a', 1], ['b', 2], ['c', 3]]);
for (const entry of iterable) {
console.log(entry);
}
/* out put */
/* ['a', 1] */
/* ['b', 2] */
/* ['c', 3] */
for (const [key, value] of iterable) {
console.log(value);
}
/* out put */
/* 1 */
/* 2 */
/* 3 */
</> Iterating over a Set
يمكننا استخدام ال for of في المرور علي العناصر الخاصة بال set
Example
const iterable = new Set([1, 1, 2, 2, 3, 3]);
for (const value of iterable) {
console.log(value);
}
/* out put */
/* 1 */
/* 2 */
/* 3 */
</> Difference between for...of and for...in
كل من for in و for of هما عبارة عن حلقات تكرارية تستخدم في المرور علي مجموعة من العناصر والفرق الفاصل بينهم هو نوع العنصر الذي يقومون بالمرور عليه
- تستخدم ال for of في المرور علي العناصر الرقمية enumerable
- تستخدم ال for in في المرور علي أي قيم تكون قابلة للمرور عليها مثل (array او Map )
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
