JavaScript For In Loop

حلقه for in

عبارت for in در جاوا اسکریپت، روی خصوصیت‌های یک شیء حلقه را اجرا می‌کند.

for (key in object) {
// code block to be executed
}

مثال:


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript For In Loop </h2>
    <p> The for in statement loops through the properties of an object: </p>
    <p id = "demo"> </p>
    <script>
      const person = {fname:"John", lname:"Doe", age:25};
      let txt = "";
      for (let x in person) {
        txt += person[x] + " ";
      }
      document.getElementById("demo").innerHTML = txt;
    </script>
  </body>
</html>

خروجی:

توضیح کد: حلقه for in روی شیء person تکرار را انجام می‌دهد. در هر تکرار یک کلید (key(x)) برگردانده می‌شود. از این کلید برای دسترسی به مقدار آن کلید استفاده می‌شود.

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

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

for (variable in array) {
code
}

مثال:


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript For In Loop </h2>
    <p> The for in statement can loops over array values:</p>
    <p id = "demo"> </p>
    <script>
      const numbers = [45, 4, 9, 16, 25];
      let txt = "";
      for (let x in numbers) {
        txt += numbers[x] + "<br />";
      }
      document.getElementById("demo").innerHTML = txt;
    </script>
  </body>
</html>

خروجی:

اگر ترتیب ایندکس‌ها برای شما مهم است از for in روی آرایه‌ها استفاده نکنید. در این حالت بهتر است از حلقه for ،for of و یا Array.forEach() استفاده کنید.