for、for / in循环

转载于 2018-10-16 20:43:00 发布 · 78 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/-xiao/p/9800527.html

本文深入解析JavaScript中的两种常见循环结构：for循环与for/in循环。通过具体示例代码，详细展示了如何使用for循环来迭代数组元素，以及如何利用for/in循环遍历对象属性，帮助读者更好地理解和掌握JavaScript循环技巧。

1.for循环

循环代码块一定的次数

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  <script>
  var cars=new Array()
  cars[0]="Saab"
  cars[1]="BMW"
  cars[2]="Volvo"
  for (var i = 0; i < cars.length; i++) {
    document.write(cars[i]+"<br />")
  }
  </script>
  </body>
</html>

输出：

、

2.for/in循环

循环遍历对象的属性

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  <script>
  var cars=new Array()
  cars[0]="Saab"
  cars[1]="BMW"
  cars[2]="Volvo"
  for (x in cars) 
  {
    document.write(cars[x]+"<br />")
  }
  </script>
  </body>
</html>