1.1for循环

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>循环1-100</title>

</head>

<body>

    <h2>循环1-100</h2>

    <script>

     for (let index = 1; index <= 100; index++) {

        //  const element = array[index];

         document.write(index+"<br/>");

     }

    </script>

    <h2>输出99-1的奇数</h2>

    <script>

    for (let m = 99; m >=1; m-=2) {

        document.write(m+"<br/>");

    }

    </script>

</body>

</html>

1.2for循环嵌套

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>循环嵌套</title>

</head>

<body>

    <h2>循环嵌套</h2>

    <p>当循环与循环发生嵌套时遵循下列规则：</p>

    <p>1.外层为假时内层不执行</p>

    <p>2.先执行外层再执行内层，直至内层的条件为假时再返回外层去执行</p>

    <script>

        for (let i = 1; i <= 3; i++) {

            document.write(i + "<br/>")

            for (let j = 1; j <= 5; j++) {

                document.write(j + "<br/>")

            }

        }

    </script>

</body>

</html>

2.1while循环

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>while循环</title>

</head>

<body>

    <h2>while循环</h2>

    <p>while(条件){需要执行的代码;}</p>

    <script>

        var i = 1;//变量初始值

        while (i <= 100) {

            document.write(i + "<br/>");

            i++;

        }

    </script>

</body>

</html>

计算1-100之和

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>do-while循环</title>

</head>

<body>

    <h2>do-while语句</h2>

    <p>do{需要执行的代码;}while(条件)</p>

    <p>说明：这种语法的循环至少要被执行一次</p>

    <script>//1-100的和

        //sun=0+1=1

        //sum=0+1+2

        var sum = 0;//和

        var n = 1;

        while(n<=100){

            sum+=n;

            n++;

        }

        document.write(sum+"<br>")

    </script>

</body>

</html>
for循环求9-1之和
var num = 0;

     for(var i = 10;i>1;i--){

        //  num+=i;

         num=num+i//0+10

         //0+10+9  0+10+9+8 0+10+9+8+7 0+10+9+8+7+6 0+10+9+8+7+6+5 0+10+9+8+7+6+5+4 0+10+9+8+7+6+5+4+3 0+10+9+8+7+6+5+4+3+2

     }

     console.log(num)

     //

//输出个位数是3，十位数是3开头的，能被3整除的和
<script>

        //输出个位数是3，十位数是3开头的，能被3整除的和

        var num1 = 0;

        var i = 100;

        while (i >=1) {

            i--;

            if ( i%10==3 || Math.floor(i/10)==3 || i%3 == 0) {

                num1 += i;

                document.write(i+' ')

            }

        }

        document.write(num1 + "<br>")

    </script>

for与while的区别

for：适合已知循环次数的循环体

while：适合未知循环的循环体

2.2 do-while语句（不大建议用，即使条件不成立，它也要被执行一次）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>do-while循环</title>

</head>

<body>

    <h2>do-while语句</h2>

    <p>do{需要执行的代码;}while(条件)</p>

    <p>说明：这种语法的循环至少要被执行一次</p>

    <script>

        //输出1-10的偶数

        var i = 1;

        do {

            if (i % 2 == 0) {

                document.write(i + "<br/>");

            }

            i++;

        } while (i <= 10);

    </script>

</body>

</html>

多举例子：

0到100之和多种写法：

正常：

<script type="text/javascript">

    var sum = 0;

    for (var i = 0; i <= 100; i++) {

        sum+=i

    }

    console.log(sum) //

</script>

简写：

<script type="text/javascript">

    for (var sum=i = 0;i <= 100; sum+=i,i++) {

    }

    console.log(sum) //

</script>

es6循环

let arrData = res.data;

                    // 清空ul里的所有标签

                    gongsiqmResultList.html("");

                    html = ""

                    arrData.forEach((item,index,arr)=>{

                        html += `<li><a href="javascript:;" data-item="${item}">${item}</a></li>`

                    });

                    //ul

                    gongsiqmResultList.append(html);

                    if (arrData.length < 48) {

                        page = 1

                    }
let arr = res.data;

                // 清空ul里的所有标签

                dzqmNameList.html("");

                arr.forEach(item => {

                    html += `<li><a href="javascript:;"><span class="J_name">${item.xm}</span>${item.fs}分</a></li>`

                });

                dzqmNameList.append(html);

                if(arr.length<36){

                    pageNum = 1

                    dzqmNameMore.text("没有更多了")

                }

循环语句（循环for与while等）的更多相关文章

  1. python之最强王者（3）——变量，条件、循环语句

    1.Python 变量类型 变量存储在内存中的值.这就意味着在创建变量时会在内存中开辟一个空间. 基于变量的数据类型,解释器会分配指定内存,并决定什么数据可以被存储在内存中. 因此,变量可以指定不同的 ...

  2. JavaScript的循环语句

    JavaScript的循环语句 1.JavaScript的循环语句 (1)for循环语句 - 循环代码块一定的次数: (2)for/in循环语句 - 循环遍历对象的属性: (3)while循环语句 - ...

  3. 【2-23】分支语句（switch…case）及循环语句

    Switch-case分支语句与if语句作用相同,但需将情况都罗列出比较麻烦所以不常用. 其基本结构是: Switch(一个变量值) { Case 值1:要执行的代码段:break; Case 值2: ...

  4. go语言的条件语句和循环语句

    一,条件语句 常见的就是if语句: 单支条件语句:     if   条件 :执行语句   (注,如果是没有逻辑运算符连接的话,是可以不需要括号的,也可以加上括号,如:if (条件):执行语句) 双支 ...

  5. js 1.变量提升 2.条件语句 3.循环语句 4.加号+的使用

    1.变量提升 变量提升是浏览器的一个功能,在运行js 代码执行前,浏览器会给js一个全局作用域叫 window,window 分两个模块,一个叫运营模块,内存模块找到当前作用域下的所有带var和fun ...

  6. #7 Python顺序、条件、循环语句

    前言 上一节讲解了Python的数据类型和运算,本节将继续深入,涉及Python的语句结构,相当于Python的语法,是以后编写程序的重要基础! 一.顺序语句 顺序语句很好理解,就是按程序的顺序逻辑编 ...

  7. Vue.js：循环语句

    ylbtech-Vue.js:循环语句 1.返回顶部 1. 循环语句 循环使用 v-for 指令. v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 ...

  8. 单片机c语言教程:C51循环语句

    单片机c语言教程第十三课 C51循环语句 循环语句是几乎每个程序都会用到的,它的作用就是用来实现需要反复进行多次的操 作.如一个 12M 的 51 芯片应用电路中要求实现 1 毫秒的延时,那么就要执行 ...

  9. vue.js循环语句

    vue.js循环语句 循环使用 v-for 指令. v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组, site 是数组元素迭代的别名. v-for 可以 ...

  10. javascript基础入门之js中的结构分支与循环语句

    javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...

随机推荐

  1. 我的Linux之路——windows10用WMware安装CentOS7.5 虚拟机详细步骤

    出自:https://www.jianshu.com/p/99f784d465f4 VMware简介:   VMware是一个虚拟PC的软件,可以在现有的操纵系统上虚拟出一个新的硬件环境,相当于模拟出 ...

  2. MySQL GTID (三)

    五.如何跳过一个GTID 环境见系列一 5.1 创建表,模拟数据 #主机上 create table t_test (id int primary key ,name varchar(10)); in ...

  3. Python 2.75升级3.6.3

    https://blog.csdn.net/wwwdaan5com/article/details/78218277 Centos 7 默认yum安装python 是2.7.5, (网上看了很多升级都 ...

  4. 归纳整理Linux下C语言常用的库函数----文件操作

    在没有IDE的时候,记住一些常用的库函数的函数名.参数.基本用法及注意事项是很有必要的. 参照Linux_C_HS.chm的目录,我大致将常用的函数分为一下几类: 1. 内存及字符串控制及操作 2. ...

  5. 如何用MaskBlt实现两个位图的合并，从而实现背景透明

    我有两个位图,一个前景图,一个背景图(mask用途).请问如何用MaskBlt实现两个位图的合并,从而实现背景透明! 核心代码:dcImage.SetBkColor(crColour);dcMask. ...

  6. 新手C#s.Split()，s.Substring(，)以及读取txt文件中的字符串的学习2018.08.05

    s.split()用于字符串分割,具有多种重载方法,可以通过指定字符或字符串分割原字符串成为字符串数组. //s.Split()用于分割字符串为字符串数组,StringSplitOptions.Rem ...

  7. Emacs及扩展配置

    Emacs及扩展配置 Table of Contents 1. 动机之反思 2. 它山之石 3. 扩展的管理 4. 我额外安装的通用扩展(在purcell基础上) 5. LaTex相关的问题和配置 6 ...

  8. 25- 解决'python -m pip install --upgrade pip' 报错问题

    转载于:https://blog.csdn.net/cxs123678/article/details/80659273 再安装包的时候提示 You are using pip version 9.0 ...

  9. SqlMapConfig.xml配置文件中的properties属性

    1.原始的SqlMapConfig.xml配置文件的内容为: <?xml version="1.0" encoding="UTF-8" ?> < ...

  10. python之selenium调用js(execute_script)

    转载: http://www.cnblogs.com/fnng/p/3230768.html 本节重点: 调用js方法 execute_script(script, *args) 在当前窗口/框架 同 ...