js循环结构

文章目录

• 1.for循环
• 2.while循环
• 3.do...while循环

---

1.for循环

 1.1.普通for循环

代码如下（示例）：

for(let 初始化语句; 条件表达式; 条件控制语句){
    循环体;
}

 1.2.增强for循环

代码如下（示例）：

for(let 变量名 of 对象){
    需要执行的代码;
}

1.3.索引for循环

代码如下（示例）：

for(let 变量 in 对象){
    需要执行的代码;
}

代码演示

<script type="text/javascript">
    // 定义数组
  let arr = ["张三","李四","王五"];
 
    console.log("===================普通for循环===================");
    // 普通for循环
    for (let i = 0 ; i < arr.length ; i++) {
        console.log(arr[i]);
    }
 
    console.log("===================forof循环===================");
    // for of循环
    for (let e of arr) {
        console.log(e);
    }
 
    console.log("===================forin循环===================");
    // for in循环
    for (let index in arr) {
        console.log(arr[index]);
    }
</script>

forof 与 forin之间的区别

1. forin可以遍历对象,forof不能遍历对象
2. forin遍历出数组中的索引,forof遍历出数组中的元素

2、while循环

   for一般用在某一个范围中循环
   while一般用在一个确定范围中循环

   for中的 var i = 1;这个只能在for循环中使用
   while中的 var i = 1; 可以全局中使用

代码如下（示例）：

    <script>
             //1 ~ 100 求和
			 let sum = 0;
			 let num = 1;
			 while(num <= 100){
				 sum += num;
				 num++;
			 }
			
			document.write(sum);
    </script>

3、do...while循环

   do...while循环就不再单独演示，跟java中的do...while循环用法是一致的！

     代码如下（示例）：

	<script>
			//定义了一个变量
			let a = 1;
			do{
				//循环体，至少执行一次
				document.write(a)
				a++;
			}while(a <= 10);//循环判断条件
			
	</script>

---

总结

普通for 与 java一样
    forin：遍历出数组的索引 
           遍历出对象中的属性名key
    forof: 遍历数组中的元素