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>
相关文章
|
4月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
57 6
JS循环for、for...of、for...in
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
67 2
JavaScript基础知识-流程控制之while循环
|
3月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
47 0
|
5月前
|
数据采集 Web App开发 JavaScript
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
|
5月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
5月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
186 0
|
2月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
31 2
|
4月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
145 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
58 1
JavaScript基础知识-forEach循环
|
4月前
|
JavaScript 前端开发 索引