js循环及案例

---

前言

一、循环

1.循环的目的

• 在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句

2.代码展示

// 循环的目的：
console.log('在细雨中呼喊');
console.log('在细雨中呼喊');
console.log('在细雨中呼喊');
console.log('在细雨中呼喊');
console.log('在细雨中呼喊');
console.log('-----------------------');
for (var i = 1; i <= 100; i++) {
   
    console.log('在细雨中呼喊');
}

3.JS中的循环

在js中，主要有三种类型的循环语句：

• for循环
• while循环
• do…while循环

二、for循环

在程序中，一组重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称为循环语句

1.语法结构

for循环主要用于把某些代码循环若干次，通常跟计数由关系。其语法结构如下：

// 1.for重复执行某些代码，通常跟计数有关系
// 2.for语法结构
for(初始变量;条件表达式;操作表达式){
   
    //循环体
}
// 3.初始化变量，就是用var声明一个普通变量，通常用于作为计数器使用
// 4.条件表达式，就是用来决定每一次循环是否继续执行，就是终止的条件
// 5.操作表达式，是每次循环最后执行的代码，经常用于计数器变量进行更新（递增或递减）
// 6.代码体验
for (var i = 1; i <= 100; i++) {
   
    console.log('你好吗');
}

2.断点调试

断电调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后就可以一步一步往下调试，调试工程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

断定调试可以帮我们观察程序的运行过程

浏览器中按F12→sources→找到需要调试的文件→在程序的某一行设置断点
watch：监视，通过watch可以僵尸变量的值的变化，非常的常用。
F11：程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
代码调试的能力非常重要，只有学会了代码调试，才能学会自己解决bug的能力。不要觉得麻烦！一定要多练

3.for循环重复相同的代码

// for循环可以执行相同的代码
for (var i = 1; 1 <= 10; i++) {
   
    console.log('余华：在细雨中呼喊');
}
// 可以让用户控制输出的次数
var num = prompt('请您输入次数：');
for (var i = 1; 1 <= num; i++) {
   
    console.log('余华：在细雨中呼喊');
}

4.for循环重复不相同的代码

for循环还可以重复不同的代码，这主要是因为使用了计数器，计数器在每次循环过程中都会有变化。

// for循环可以重复执行不同的代码，因为由计数器变量i的存在，i每次循环值都会变化
// 想要输出一个人1~100岁
for (var i = 1; i <= 100; i++) {
   
    console.log('这个人今年' + i + '岁了');
}

for (var i = 1; i <= 100; i++) {
   
    if (i == 1) {
   
        console.log('这个人今年1岁了，他出生了');
    } else if (i == 100) {
   
        console.log('这个人今年100岁了，他死了');
    } else {
   
        console.log('这个人今年' + i + '岁了');
    }
}

5.for循环重复某些相同操作

for循环因为右拉计数器的存在，还可以重复的执行某些操作，比如一些算术运算。

(1)案例：求1~100之间所有整数的累加和

①案例分析

1. 需要循环有、100次，需要一个计数器
2. 需要一个存储结果的变量sum，但是初始值一定是0
3. 核心算法：1+2+3+……，sum=sum+i；

②代码展示

// 1. 需要循环有、100次，需要一个计数器
// 2. 需要一个存储结果的变量sum，但是初始值一定是0
// 3. 核心算法：1+2+3+……，sum=sum+i；
var sum = 0;