JavaScript入门之循环

Posted 2020-10-20 hershel

一、什么是循环

1、循环的概念：w3c上给出的循环的基本概念是：循环可以将代码块执行指定的次数。也就是说你想执行多次相同的代码且每次的值都不一样，你就可以使用循环。

2、循环的好处：我们先来看一个简单的列子

<script>
//    多次执行同样一串代码
    document.write("你特别好，我喜欢你。"+"<br>");
    document.write("你特别好，我喜欢你。"+"<br>");
    document.write("你特别好，我喜欢你。"+"<br>");
    document.write("你特别好，我喜欢你。"+"<br>");
    document.write("你特别好，我喜欢你。"+"<br>");
//    想执行五次我们就需要打五行代码，但是如果我们需要输入100行1000行呢？
//    这时候就可以使用循环
    for(i=0;i<5;i++){
        document.write("你特别好，我喜欢你。"+"<br>");
    }
//    同样是打印五行相同的代码，耗费的精力和时间却是天壤之别



</script>

由此可见，循环可以节省大量的代码量从而节省了我们的时间和精力。

二、循环有哪些

1、for循环

for循环的基本语法格式

 for(条件1;条件2;条件三;){
        执行的语句
}

语句1 是在循环开始前执行的条件 一般为变量的初始化 可以初始化任意个变量  语句1可以不写。

// 将语句1写在循环外

<script>

var i=0;
for(;i<5;i++){
    document.write("你特别好，我喜欢你。"+"<br>");
}

</script>

语句2 为执行此次循环的条件  如果满足则执行 不满足则不执行  语句2绝大多数情况都是要写的  

如果不写 必须在循环内加入break；否则循环会一直运行下去 导致浏览器崩溃。

 

语句3通常会增加变量的值 语句3也可以不写

// 将语句3写在循环内
<script>

for(var i=0;;i<5;){
    document.write("你特别好，我喜欢你。"+"<br>");
    i++;
}
</script>

2、while循环和do   while 循环

while的基本语法格式

<script> 
var i=0;  //  1 初始化变量
while(i<10){ // 2 验证条件
    document.write("你特别好，我喜欢你。"+"<br>");// 3 执行语句
    i++; // 改变变量
}
</script>

do while的基本语法格式

<script>    
   var i=0;  //  1 初始化变量
    do{
        document.write("你特别好，我喜欢你。"+"<br>");// 2 执行语句
        i++;// 3 改变变量
    }while(i<10)// 4 验证条件

</script>

由此可见while 和do while的区别为  while先验证条件在执行语句  而do  while 是 先执行一次语句之后 再判断条件

 

刚接触js不到一周时间，了解有限，如有错误，欢迎指正。