سبد (0)

تبلیغات

حلقه for در JavaScript

حلقه ها در JavaScript

Wiki

اغلب مواقعی که کد می نویسیم، می خواهیم که یک مجموعه از دستورات بارها و بارها اجرا شوند، بجای اینکه آن چند خط که اغلب یکسان هستند را در دستورات تکرار کنیم از حلقه ها استفاده می کنیم.

انواع دستورات حلقه ای در JavaScript:

  • for: دستورات داخل حلقه از یک عدد مشخص به تعدادی مشخص تکرار می شود.
  • while: تا زمانی که شرط حلقه درست باشد، دستورات اجرا می شود.
  • do...while: دستورات داخل حلقه چه شرط حلقه درست باشد و چه نباشد برای یک بار اجرا می شود، و در مراحل بعدی اگر شرط حلقه درست بود، دستورات اجرا می شوند.
  • for...in: مخصوص کار با آرایه ها و خصوصیات اشیاء می باشد و به واسطه آنها حلقه ایجاد می کند.

حلقه For

Wiki

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

نحوه استفاده:

for (init; condition; increment)
{
code to be executed
}

پارامترها:

  • init: تنها یکبار در ابتدای حلقه اجرا می شود، و اغلب برای تعریف یک شمارنده استفاده می شود.
  • condition: ارزیابی تکرار حلقه، اگر شرط برقرار باشد دستورات اجرا می شوند، در غیر اینصورت دستورات ادامه نمی یابند.
  •  incrementبعد از هر بار اجرای دستورات حلقه، این دستور اجرا می شود و اغلب برای افزایش شمارنده استفاده می شود.

در مثال زیر یک حلقه تعریف شده که با i=0 شروع می شود، و تا زمانی که i<=5 باشد ادامه خواهد یافت و به مقدار i در هر بار اجرای حلقه یک واحد اضافه می شود:

مثال (حلقه for در JavaScript)

<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<=5;i++)
{
document.write("The number is " + i);
document.write("<br />");
}
</script>
</body>
</html>
خودتان امتحان کنید »

حلقه while

در فصل بعدی درباره حلقه while توضیح داده خواهد شد.


مثال

مثال - خودتان امتحان کنید

چاپ عناصر <h1> تا <h6> از طریق حلقه ها

دیدگاه‌ها  

+1 # محمدمهدی 1396-07-05 00:48
سلام و احترام / شما گفته بودید که از document.write استفاده نکنید ، اما شما اینجا از همین کد استفاده میکنید
من از document.getEle mentById استفاده کردم ،اما هیچی چاپ نشد ، لطفا یه توضیحی در مورد عملکرد و جزئیات document.write و document.getEle mentById لطف کنید
با تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1396-07-05 06:55
سلام
1- از document.write برای چاپ یک رشته متنی دلخواه استفاده می شود. و در یک پروژه واقعی کاربردی ندارد.
2- با استفاده از document.getEle mentById می توانیم خصوصیات مختلف یک عنصر موجود در صفحه را تنظیم کنیم و یا خصوصیات مختلف را بدست آوریم. همان طور که از نام دستور بر می اید عنصر مورد نظر مان را با استفاده زا Id آن عنصر پیدا می کند. بعنوان مثال اگر یک عنصر p با Id مثلا "paragraph" داشته باشیم و بخواهیم متن آن را تنظیم کنیم بصورت زیر عمل می کنیم:
document.getEle mentById("demo").innerHTML='Your Text'
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # Tina 1395-12-02 21:05
با سلام ممنونم از آموزش های بسیار عالیتون
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # آرمان 1395-11-25 16:41
سلام و خداقوت این مثال خودتان امتحان کنید رو من متوجه نمیشم. مکان دابل کوتیشن ها درسته؟ فرم کدنویسیش فرق داره با اچ تی ام ال.چجوری داخل تگ شروع و پایان h کدنوشتین و چکارمیکنه؟ با تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1395-11-28 11:44
سلام. بله مکان دابل کوتیشن ها درسته. درواقع اینها کدهای جاوا اسکریپت هستند. برای یادگیری جاوا اسکریپت، می توانید به لینک زیر مراجعه کنید:
www.beyamooz.com/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-javascript
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # amirkian 1394-05-16 16:54
حلقه for در JavaScript عالی بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # Sasan 1394-04-22 17:57
سلام و خسته نباشین
من می خواهم یک هدر داشته باشم که یک عددی در آن باشد مثلا 2000
یک دکمه است که وقتی کلیک می کنی تابع اجرا می شود و از کاربر توسط prompt عدد بخواهد کاربر عدد را می زند و آن عدد با هدر جمع شود و دفعه ی بعد هم همین شکل یعنی به صورت نامحدود این جمع ، تا زمانی که کاربر کلیک می کند ادامه داشته باشد
آیا این کار نیاز به حلقه for دارد ؟؟؟؟؟
اگر زحمتی نیست میشه کد شبیه اینو بنویسید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # احسان عباسی 1394-04-22 19:13
سلام نیازی به حلقه for نیست . کد مورد نظر شما رو در یک ادیتو آنلاین به آدرس زیر ایجاد کردیم، اگر که مشکلی داشتید می تونیم بر اساس همین کد بحث کنیم : codepen.io/sbaloot/pen/yNEYGM
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # Sasan 1394-04-23 16:32
بعد در کدی که نوشته اید
c=Number(c)+ Number(value);
این Number یه چیز تعریف شده در توابع است ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # احسان عباسی 1394-04-23 16:54
تابع ()Number یکی از توابع جاوااسکریپت است که یک رشته رو تبدیل به عدد می کند.
برای اطلاعات بیشتر می توانید به لینک زیر مراجعه کنید:
http://beyamooz.com/jsref/2936-%D9%85%D8%AA%D8%AF-number
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # Sasan 1394-04-23 19:01
مشکل کد زیر چیه که اجرا نمیشه؟
function run(){
var n=prompt("inser t Your Number");
m = document.getElementById("resultt").innerHTML;
m = Number(m)+Number(n);
document.getElementById("resultt").innerHTML = m;
}

0$
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # احسان عباسی 1394-04-23 20:13
چون که متغیر m یک متغیر عمومی است باید در بیرون از تابع حتما تعریف شده باشد:
var m;
function run(){
var n=prompt("inser t Your Number");
m = document.getElementById("resultt").innerHTML;
m = Number(m)+Number(n);
document.getElementById("resultt").innerHTML = m;
}
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # Sasan 1394-04-23 16:05
سلام این کد شما در یک فایل خارجی است اما می خواهم درون تگ ها به کار ببرم کار نمی کند علت چیست؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1394-04-23 16:56
منظورتون رو متوجه نشدم .
به هر حال اگر می خواهید این کدها را دانلود کنید، در همان ادیتور آنلاین بر روی دکمه ی share و سپس export.zip کلیک کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی JavaScript

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی