网站开发备案费用,销售类网站模板,长沙五百强企业名单,义乌购网站做代销怎么样文章目录 一、while 循环1、while 循环概念2、while 循环语法结构 二、while 循环 - 代码示例1、打印数字2、计算 1 - 10 之和 一、while 循环 1、while 循环概念 在 JavaScript 中 , while 循环 是一种 循环控制语句 , 使用该语句就可以
重复执行一段代码块 , … 文章目录 一、while 循环1、while 循环概念2、while 循环语法结构 二、while 循环 - 代码示例1、打印数字2、计算 1 - 10 之和 一、while 循环 1、while 循环概念 在 JavaScript 中 , while 循环 是一种 循环控制语句 , 使用该语句就可以
重复执行一段代码块 , 直到指定的 条件表达式 不再满足 ,如果 条件表达式 一开始就不满足 , 循环体 永远不会执行 ; 2、while 循环语法结构 while 循环语法结构如下 :
while (条件表达式) { // 循环体 代码块
}首先 , 执行 条件表达式 , 在上述语法结构中 , 条件表达式 是一个 布尔类型的表达式 , 该表达式的计算结果 只能是 true 或 false ;
如果 条件表达式 的结果为 true , 则执行 循环体 代码块 ;如果 条件表达式 的结果为 false , 则跳过 循环体 , 继续执行 循环语句 后面的代码 ;
然后 , 执行 循环体 代码块 , 如果 条件表达式 为 true 的话 ;
最后 , 继续 执行 条件表达式 , 如果为 true , 则继续执行 循环体 代码块 ; 二、while 循环 - 代码示例 1、打印数字 核心代码 : // 循环控制变量let i 1;// 条件表达式while (i 3) {// 循环体console.log(i);// 更新表达式 : 改变循环控制变量i;}上面的示例中 , 使用 while 循环 在 浏览器控制台 输出 1 - 3 数字 ;
只要 循环控制变量 i 的值小于或等于 3 , 循环就会继续执行 ;
在循环体中 , 每次都会输出 i 的值 , 并将 i 的值增加 1 ;
如果 循环控制变量 i 的值变为 4 时 , 条件表达式 不再满足 , 循环终止 ; 完整代码示例 :
!DOCTYPE html
html langenheadmeta charsetUTF-8!-- 设置 meta 视口标签 --meta nameviewport contentwidthdevice-width, initial-scale1.0, user-scalableno,maximum-scale1.0,minimum-scale1.0meta http-equivX-UA-Compatible contentieedgetitleJavaScript/titlestyle/stylescript// while 循环// 循环控制变量let i 1;// 条件表达式while (i 3) {// 循环体console.log(i);// 更新表达式 : 改变循环控制变量i;}/script
/headbody
/body/html执行结果 : 2、计算 1 - 10 之和 代码示例 :
!DOCTYPE html
html langenheadmeta charsetUTF-8!-- 设置 meta 视口标签 --meta nameviewport contentwidthdevice-width, initial-scale1.0, user-scalableno,maximum-scale1.0,minimum-scale1.0meta http-equivX-UA-Compatible contentieedgetitleJavaScript/titlestyle/stylescript// while 循环// 循环控制变量let i 1;// 累加和let sum 0;// 条件表达式while (i 10) {// 循环体sum i;// 更新表达式 : 改变循环控制变量i;}// 打印累加和console.log(sum);/script
/headbody
/body/html执行结果 :