شما اینجا هستید

حلقه for تا هنگامی که شرط مشخص شده برای آن درست باشد، تکرار میشود.

حلقه for جاوا اسکریپت مانند حلقه for زبانهای C و Java میباشد. دستور حلقه for به شکل زیر است:

for ([initialExpression]; [condition]; [incrementExpression])

  statement

 

هنگامی که حلقه for اجرا میگردد، موارد زیر رخ میدهند:

  1. عبارت مقدار دهی اولیه initialExpression اگر وجود داشته باشد اجرا میگردد. این عبارت معمولاً یک یا چند شمارنده حلقه را مقدار دهی اولیه میکند. همچنین این عبارت میتواند متغیرها را اعلان کند.
  2. عبارت condition (شرط) ارزیابی میگردد. اگر مقدار شرط true باشد، دستورات حلقه اجرا میشوند و اگر مقدار شرط false باشد، حلقه for پایان میپذیرد. اگر عبارت condition نوشته نشود، مقدار شرط، true فرض میگردد.
  3. Statement در بدنه حلقه اجرا میگردد. برای اجرای چند دستور در بدنه حلقه، از بلاک دستورات ({ ... }) استفاده کنید.
  4. عبارت به روز رسانی incrementExpression اگر وجود داشته باشد، اجرا میشود و کنترل به گام شماره 2 برمیگردد.

مثال

تابع زیر شامل یک دستور for است که تعداد گزینه های انتخاب شده در لیست انتخاب را میشمرد (عنصر <select> باعث میشود که چندین گزینه انتخاب شود). دستور for متغیر i را با مقدار اولیه صفر تعریف و بررسی میکند که i کوچکتر از تعداد گزینه های درون عنصر <select> باشد و پس از هر بار اجرای حلقه یک واحد به متغیر i اضافه میشود.

<form name="selectForm">

  <p>

    <label for="musicTypes">Choose some music types, then click the button below:</label>

    <select id="musicTypes" name="musicTypes" multiple="multiple">

      <option selected="selected">R&B</option>

      <option>Jazz</option>

      <option>Blues</option>

      <option>New Age</option>

      <option>Classical</option>

      <option>Opera</option>

    </select>

  </p>

  <p><input id="btn" type="button" value="How many are selected?" /></p>

</form>


<script>

function howMany(selectObject) {

  var numberSelected = 0;

  for (var i = 0; i < selectObject.options.length; i++) {

    if (selectObject.options[i].selected) {

      numberSelected++;

    }

  }

  return numberSelected;

}


var btn = document.getElementById("btn");

btn.addEventListener("click", function(){

  alert('Number of options selected: ' + howMany(document.selectForm.musicTypes))

});

</script>

 

افزودن دیدگاه جدید

دیدگاه

  • تگ‌های HTML مجاز: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.

Plain text

  • تگ‌های HTML مجاز نیستند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
كد امنيتي
این پرسش برای جلوگیری از ارسال اسپمهای اتوماتیک است.