JavaScript 循环语句案例分析.pdfVIP

JavaScript 循环语句案例分析 JavaScript 是一种流行的编程语言，它可以在浏览器中运行，也可以在服务器端使用 Node.js 环境。JavaScript 有很多 功能和特性，其中之一就是循环语句。循环语句可以让我们重复执行一段代码，直到满足某个条件或者遍历完一个集 合。JavaScript 提供了多种循环语句，包括： for 语句：按照指定的次数或者条件重复执行一段代码。 for...in 语句：遍历一个对象的属性，并执行一段代码。 for...of 语句：遍历一个可迭代的对象（如数组、字符串、Map、Set 等），并执行一段代码。 while 语句：只要指定的条件为真，就重复执行一段代码。 do...while 语句：先执行一次代码，然后只要指定的条件为真，就重复执行该代码。 break 语句：跳出当前的循环，继续执行循环之后的代码。 continue 语句：跳过当前循环的剩余部分，继续执行下一次循环。 在本文中，我们将通过一些案例来展示 JavaScript 循环语句的用法和效果。 for 语句 for 语句是最常用的循环语句之一，它的语法如下： for (初始化表达式; 条件表达式; 更新表达式) { // 循环体 } 初始化表达式：在循环开始之前执行，通常用来声明和初始化一个或多个循环变量。 条件表达式：在每次循环开始之前计算，如果为真，则执行循环体，如果为假，则终止循环。 更新表达式：在每次循环结束之后执行，通常用来更新循环变量的值。 循环体：包含要重复执行的代码块，可以是一条或多条语句。 案例一：输出 1 到 10 我们可以使用 for 语句来输出从 1 到 10 的数字，如下所示： // 声明并初始化一个变量 i 为 1 for (var i = 1; i = 10; i++) { // 输出 i 的值 console.log(i); } 上面的代码会输出： 1 2 3 4 5 6 7 8 9 10 解析： 在第一次循环之前，初始化表达式 var i = 1 执行，声明并初始化一个变量 i 为 1 。 在每次循环开始之前，条件表达式 i = 10 计算，判断 i 是否小于等于 10 。如果为真，则继续执行循环体；如 果为假，则终止循环。 在每次循环结束之后，更新表达式 i++ 执行，使 i 的值增加 1 。 在循环体中，使用 console.log(i) 输出 i 的值。 案例二：计算数组元素的和 我们可以使用 for 语句来遍历一个数组，并计算它的所有元素的和，如下所示： // 声明并初始化一个数组 arr var arr = [1, 2, 3, 4, 5]; // 声明并初始化一个变量 sum 为 0 var sum = 0; // 声明并初始化一个变量 i 为 0 for (var i = 0; i arr .length; i++) { // 将 arr[i] 的值累加到 sum 上 sum += arr[i]; } // 输出 sum 的值 console.log(sum); 上面的代码会输出： 15 解析： 在第一次循环之前，初始化表达式 var i = 0 执行，声明并初始化一个变量 i 为 0 。 在每次循环开始之前，条件表达式 i arr.length 计算，判断 i 是否小于数组 arr 的长度。如果为真，则继续 执行循环体；如果为假，则终止循环。 在每次循环结束之后，更新表达式 i++ 执行，使 i 的值增加 1 。 在循环体中，使用 sum += arr[i] 将数组 arr 中索引为 i 的元素的值累加到变量 sum 上。 在循环结束后，使用 console.log(sum) 输出变量 sum 的值。 for...in 语句 for...in 语句是一种特殊的循环语句，它可以遍历一个对象的所有可枚举的属性，并执行一段代码。它的语法如下： for (变量 in 对象) { // 循环体 } 变量：在每次循环中，变量会被赋值为对象的一个属性名。 对象：要遍历的对象。 循环体：包含要重复执行