حلقه for در جاوا اسکریپت

هدایت عباسی آموزش جاوا اسکریپت

آموزش کامل حلقه for در جاوا اسکریپت همراه با چندین مثال و توضیحات کامل. همچنین با سینتکس حلقه for ، حلقه for و آرایه ، همچنین دستور in نیز آشنا خواهید شد. کدها تست شده است.

در این بخش از آموزش جاوا اسکریپت از تاپ سایت 98 به سراغ حلقه FOR می رویم.

حلقه ها می توانند چندین بار کد بلوک را اجرا کنند.

حلقه ها مفید هستند، هنگامی که شما می خواهید یک کد را بارها و بارها اجرا کنید و هر بار با یک مقدار متفاوت.

حلقه for در جاوا اسکریپت و دیگر زبان های برنامه نویسی کاربرد زیادی دارد و در بیشتر پروژه ها نیز استفاده می شود.

سینتکس حلقه for

حال به سراغ سینتکس حلقه for می رویم. بخش اول شامل مقدار اولیه می باشد.

بخش دوم ، شرط را بررسی می کند. بخش سوم بعد از اجرای کد اجرا می شود مثلا یک واحد به مقدار اولیه اضافه می کند.

مثال ها را ببینید تا بهتر متوجه شوید.

for (statement 1; statement 2; statement 3) {
// code block to be executed
}

مثال حلقه for

در مثال حلقه for که در زیر می بینید مقدار Topsite98.com را چهار بار چاپ کرده ایم.

برای این کار ابتدا یک متغیر بنام r را تعریف کرده ایم و مقدار خالی را به آن نسبت داده ایم.

سپس با حلقه for چهار بار متنی را در آن قرار داده ایم.

و در انتها آن را نمایش داده ایم. متن ها زیر هم نمایش داده می شود.

<!DOCTYPE html>
<html>
<body>
<h1>Topsite98</h1>
<h3 id="t"></h3>
<script>
var r = "";
var i;
for (i = 1; i < 5; i++) {
r += "TopSite98.com" + "<br>";
}
document.getElementById("t").innerHTML = r;
</script>
</body>
</html>

حلقه for و آرایه ها

حال به سراغ حلقه for و آرایه ها می رویم.

ابتدا یک آرایه از خودروها را تعریف می کنیم.

سپس یک متغیر رشته ای با مقدار اولیه خالی تعریف می کنیم.

حال با استفاده از حلقه for مقادیر آرایه را در متغیر رشته ای می ریزیم .

در انتها مقادیر آرایه را نمایش می دهیم.

خروجی ، نمایش عناصر آرایه زیر هم میباشد.

با استفاده از متد length مقادیر آرایه را مشخص کردیم که در حلقه for استفاده کردیم و کاربردی بود.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com</h1>
<p id="d"></p>
<script>
var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
document.getElementById("d").innerHTML = text;
</script>
</body>
</html>

روش دیگر برای مثال بالا را در قسمت زیر می بینید.

بجای تعریف متغیر text در حلقه for این کار را انجام داد.

مقدار آرایه را در متغیر len ریخت و در ابتدای حلقه مشخص کرد.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com</h1>
<p id="d"></p>
<script>
var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
document.getElementById("d").innerHTML = text;
</script>
</body>
</html>

حلقه For/In

حلقه For/In را در قالب یک مثال مشاهده می کنید.

ابتدا یک object یا شی را معرفی کرده ایم که شامل نام fname و فامیلی lname و سن age میباشد.

سپس با حلقه for مقادیر آن را در یک رشته قرار داده و در انتها نمایش می دهیم.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98</h1>
<p id="f"></p>
<script>
var te = "";
var person = {fname:"ali", lname:"abbasi", age:25};
var x;
for (x in person) {
te += person[x] + " ";
}
document.getElementById("f").innerHTML = te;
</script>
</body>
</html>

کدها همه تست شده است. می توانید آنها را در فایل html ذخیره کنید و تست نمایید.

امیدواریم از این آموزش لذت برده باشید.

موفق باشید.

این سایت بفروش می رسد با سئو عالی و بازدید بالا. تماس بگیرید

اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید