JS(第八课)循环语句中常用到的案例(一)

简介: JS(第八课)循环语句中常用到的案例(一)

u认识循环语句

uwhile循环

udo...while循环

ufor循环(循环嵌套)

ubreak、continue

认识循环:

u 在开发中我们经常需要做各种各样的循环操作:

u比如把一个列表中的商品、歌曲、视频依次输出进行展示;

u比如对一个列表进行累加计算;

u比如运行相同代码将数字1到10逐个输出;

u 循环 是一种重复运行同意代码的方法。

u如果是对某一个列表进行循环操作,我们通常也会称之为遍历或者迭代;

u 在 JavaScript 中支持三种循环方式:

uwhile循环

udo...while循环

ufor循环

 

 

通过一个小案例了解三个语句的语法结构:

while的循环的条件是什么呀!

这是上面的结果

 

如果在上面加上一句话呢结果为几呀!

 

这是结果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- !while语句如何去理解呀思考一下 -->
    <script>
        // 用户定义一个变量 给变量的初始值为0
        // 在这个案例中 
        // 定义的var i的初始值为 0
        var i = 0;
        //  while(写出上面定义变量的条件)
        // 在这个案例中的条件是当 i<2是
        while (i < 2) {
            // 如果上面的条件成立那么走下面的语句
            // 如果上面i<2条件成立那么打印下面的语句信息
            document.write('<h1>请输出i的值' + i + '</h1><br>')
            i++
        }
        //  如果条件不成立那么程序走下面的语句
        // 如果上面的条件不成立那么执行下面的语句信息
        document.write('<h1>请输出结束i的值' + i + '</h1><br>')
    </script>
</body>
</html>

while 循环执行的顺序:

 // 用户定义一个变量 给变量的初始值为0
 // 在这个案例中 我要打印输出 1到三的值
 // 定义的var i的初始值为 0
 var i = 0;
 //  while(写出上面定义变量的条件)
 // 在这个案例中的条件是当 i<2是
 while (i < 2) {
     // 如果上面的条件成立那么走下面的语句
     // 如果上面i<2条件成立那么打印下面的语句信息
     document.write('<h1>请输出i的值' + i + '</h1><br>')
     i++
 }
 //  如果条件不成立那么程序走下面的语句
 // 如果上面的条件不成立那么执行下面的语句信息
 document.write('<h1>请输出结束i的值' + i + '</h1><br>')

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 都会进行一次循环 
        // 用户定义的变量为 i 初始值为 1
        var i=1;
        // 如果在下面的while(条件成立的话则走下面)do{中间的循环语句信息}
        do {
             document.write('<h1>请输出i的值' + i + '</h1><br>');
            i++
        } while (i <=1)
        // 如果上面的条件不成立打印输出下面的信息内容
         document.write('<h1>请输出结束i的值' + i + '</h1><br>');
        // 通过浏览器的循环条件你会发现内容 无论如何 do{}whiler()语句都会执行一次 比如上面的案例 打印出了
        // 1 2
    </script>
</body>
</html>
相关文章
|
3天前
|
JavaScript 前端开发
js变量的作用域、作用域链、数据类型和转换应用案例
【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域,全局变量在所有地方可访问,局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型,如字符串、数字、布尔值,可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`,将字符串转为数值。
18 1
|
3天前
|
JavaScript 计算机视觉
纯js实现人脸识别眨眨眼张张嘴案例——ccv.js
纯js实现人脸识别眨眨眼张张嘴案例——ccv.js
57 0
|
3天前
|
JavaScript 计算机视觉
纯js实现人脸识别眨眨眼张张嘴案例——alive_face.js
纯js实现人脸识别眨眨眼张张嘴案例——alive_face.js
26 0
|
3天前
|
编解码 JavaScript 安全
JS逆向过程中中文编解码的小案例详解
JS逆向过程中中文编解码的小案例详解
11 1
|
3天前
|
JavaScript 前端开发
JavaScript 条件循环语句(for 循环)
JavaScript 条件循环语句(for 循环)
|
3天前
|
JavaScript 前端开发
js的let、const、var的区别以及应用案例
【4月更文挑战第27天】ES6 中,`let` 和 `const` 是新增的变量声明关键字,与 `var` 存在显著差异。`let` 允许重新赋值,而 `const` 不可,且两者都具有块级作用域。`var` 拥有函数级作用域,并可在函数内任意位置访问。`let` 和 `const` 声明时必须初始化,而 `var` 不需。根据需求选择使用:局部作用域用 `let`/`const`,全局或函数范围用 `var`,不可变值用 `const`。
24 2
|
3天前
android-agent-web中js-bridge案例
android-agent-web中js-bridge案例
22 2
|
3天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
23 0
|
3天前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
11 0
|
3天前
|
JavaScript 前端开发
JavaScript操作BOM简单案例
JavaScript操作BOM简单案例
9 1