حلقه for در جاوا اسکریپت
آموزش کامل حلقه for در جاوا اسکریپت همراه با چندین مثال و توضیحات کامل. همچنین با سینتکس حلقه for ، حلقه for و آرایه ، همچنین دستور in نیز آشنا خواهید شد. کدها تست شده است.
در این بخش از آموزش جاوا اسکریپت از تاپ سایت 98 به سراغ حلقه FOR می رویم.
حلقه ها می توانند چندین بار کد بلوک را اجرا کنند.
حلقه ها مفید هستند، هنگامی که شما می خواهید یک کد را بارها و بارها اجرا کنید و هر بار با یک مقدار متفاوت.
حلقه for در جاوا اسکریپت و دیگر زبان های برنامه نویسی کاربرد زیادی دارد و در بیشتر پروژه ها نیز استفاده می شود.
سینتکس حلقه for
حال به سراغ سینتکس حلقه for می رویم. بخش اول شامل مقدار اولیه می باشد.
بخش دوم ، شرط را بررسی می کند. بخش سوم بعد از اجرای کد اجرا می شود مثلا یک واحد به مقدار اولیه اضافه می کند.
مثال ها را ببینید تا بهتر متوجه شوید.
// code block to be executed
}
مثال حلقه for
در مثال حلقه for که در زیر می بینید مقدار Topsite98.com را چهار بار چاپ کرده ایم.
برای این کار ابتدا یک متغیر بنام r را تعریف کرده ایم و مقدار خالی را به آن نسبت داده ایم.
سپس با حلقه for چهار بار متنی را در آن قرار داده ایم.
و در انتها آن را نمایش داده ایم. متن ها زیر هم نمایش داده می شود.
<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 استفاده کردیم و کاربردی بود.
<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 ریخت و در ابتدای حلقه مشخص کرد.
<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 مقادیر آن را در یک رشته قرار داده و در انتها نمایش می دهیم.
<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 ذخیره کنید و تست نمایید.
امیدواریم از این آموزش لذت برده باشید.
موفق باشید.
منبع: تاپ سایت 98
تگ:
نظرات کاربران
از دیدگاه مرتبط با موضوع استفاده نمایید.
از تبلیغ سایت یا شبکه اجتماعی خودداری فرمایید.
برای پاسخ گویی بهتر در سایت ثبت نام نمایید و سپس سوال خود را مطرح فرمایید.
اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.
اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید