1.1for循环

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>循环1-100</title>
  8. </head>
  9. <body>
  10.     <h2>循环1-100</h2>
  11.     <script>
  12.      for (let index = 1; index <= 100; index++) {
  13.         //  const element = array[index];
  14.          document.write(index+"<br/>");
  15.      }
  16.     </script>
  17.     <h2>输出99-1的奇数</h2>
  18.     <script>
  19.     for (let m = 99; m >=1; m-=2) {
  20.         document.write(m+"<br/>");
  21.     }
  22.     </script>
  23.  
  24. </body>
  25. </html>

1.2for循环嵌套

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>循环嵌套</title>
  9. </head>
  10.  
  11. <body>
  12.     <h2>循环嵌套</h2>
  13.     <p>当循环与循环发生嵌套时遵循下列规则：</p>
  14.     <p>1.外层为假时内层不执行</p>
  15.     <p>2.先执行外层再执行内层，直至内层的条件为假时再返回外层去执行</p>
  16.     <script>
  17.         for (let i = 1; i <= 3; i++) {
  18.             document.write(i + "<br/>")
  19.             for (let j = 1; j <= 5; j++) {
  20.                 document.write(j + "<br/>")
  21.             }
  22.         }
  23.     </script>
  24.  
  25. </body>
  26.  
  27. </html>

2.1while循环

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>while循环</title>
  9. </head>
  10.  
  11. <body>
  12.     <h2>while循环</h2>
  13.     <p>while(条件){需要执行的代码;}</p>
  14.     <script>
  15.         var i = 1;//变量初始值
  16.         while (i <= 100) {
  17.             document.write(i + "<br/>");
  18.             i++;
  19.         }
  20.     </script>
  21. </body>
  22.  
  23. </html>

计算1-100之和

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>do-while循环</title>
  9. </head>
  10.  
  11. <body>
  12.     <h2>do-while语句</h2>
  13.     <p>do{需要执行的代码;}while(条件)</p>
  14.     <p>说明：这种语法的循环至少要被执行一次</p>
  15.     <script>//1-100的和
  16.         //sun=0+1=1
  17.         //sum=0+1+2
  18.         var sum = 0;//和
  19.         var n = 1;
  20.         while(n<=100){
  21.             sum+=n;
  22.             n++;
  23.         }
  24.         document.write(sum+"<br>")
  25.     </script>
  26. </body>
  27.  
  28. </html>
  1. for循环求9-1之和
  1. var num = 0;
  2.      for(var i = 10;i>1;i--){
  3.         //  num+=i;
  4.          num=num+i//0+10
  5.          //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
  6.      }
  7.      console.log(num)
  8.      //
  1.  
  2. //输出个位数是3，十位数是3开头的，能被3整除的和
  1. <script>
  2.         //输出个位数是3，十位数是3开头的，能被3整除的和
  3.         var num1 = 0;
  4.         var i = 100;
  5.         while (i >=1) {
  6.             i--;
  7.             if ( i%10==3 || Math.floor(i/10)==3 || i%3 == 0) {
  8.                 num1 += i;
  9.                 document.write(i+' ')
  10.             }
  11.         }
  12.         document.write(num1 + "<br>")
  13.     </script>

for与while的区别

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

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

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>do-while循环</title>
  9. </head>
  10.  
  11. <body>
  12.     <h2>do-while语句</h2>
  13.     <p>do{需要执行的代码;}while(条件)</p>
  14.     <p>说明：这种语法的循环至少要被执行一次</p>
  15.     <script>
  16.         //输出1-10的偶数
  17.         var i = 1;
  18.         do {
  19.             if (i % 2 == 0) {
  20.                 document.write(i + "<br/>");
  21.             }
  22.             i++;
  23.         } while (i <= 10);
  24.     </script>
  25. </body>
  26.  
  27. </html>

多举例子：

0到100之和多种写法：

正常：

  1. <script type="text/javascript">
  2.     var sum = 0;
  3.     for (var i = 0; i <= 100; i++) {
  4.         sum+=i
  5.  
  6.     }
  7.     console.log(sum) //
  8. </script>

简写：

  1. <script type="text/javascript">
  2.     for (var sum=i = 0;i <= 100; sum+=i,i++) {
  3.     }
  4.     console.log(sum) //
  5. </script>

es6循环

  1. let arrData = res.data;
  2.                     // 清空ul里的所有标签
  3.                     gongsiqmResultList.html("");
  4.                     html = ""
  5.                     arrData.forEach((item,index,arr)=>{
  6.                         html += `<li><a href="javascript:;" data-item="${item}">${item}</a></li>`
  7.                     });
  8.                     //ul
  9.                     gongsiqmResultList.append(html);
  10.                     if (arrData.length < 48) {
  11.                         page = 1
  12.                     }
  1. let arr = res.data;
  2.                 // 清空ul里的所有标签
  3.                 dzqmNameList.html("");
  4.                 arr.forEach(item => {
  5.                     html += `<li><a href="javascript:;"><span class="J_name">${item.xm}</span>${item.fs}分</a></li>`
  6.                 });
  7.                 dzqmNameList.append(html);
  8.                 if(arr.length<36){
  9.                     pageNum = 1
  10.                     dzqmNameMore.text("没有更多了")
  11.                 }

循环语句（循环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. 用logger在控制台打印信息

    第一步: 导入jar包,maven项目可以直接添加 <dependency> <groupId>log4j</groupId> <artifactId> ...

  2. php导出数组到csv格式demo

    php的二维数组导出到csv需要处理文字编码,代码如下 <?php $data=array( array("username"=>"test1",& ...

  3. Solr Dismax查询解析器-深入分析

    Solr 支持多种查询解析,给搜索引擎开发人员提供灵活的查询解析.Solr 中主要包含这几个查询解析器:标准查询解析器.DisMax 查询解析器,扩展 DisMax 查询解析器(eDisMax) Di ...

  4. Cookie、Session、Token

    一.发展史 .最初.Web基本上就是文档的浏览而已,既然是浏览,作为服务器,不需要记录谁在某一段时间里都浏览了什么文档,每次请求都是一个新的HTTP协议,就是请求加相应,尤其是我不用记住是谁刚刚发了H ...

  5. Error while trying to retrieve text for error ORA-12154

    问题描述:vs中调试运行没有任何错误,但是发布到IIS中访问,就会报以上错误.IIS不会调试,所以一头雾水,不止错误在哪里. 分析:看到网上有人分析了Web.config模拟验证的问题恍然大悟: 原文 ...

  6. ubuntu 基础环境

    一.序言 这里记录了安装ubuntu 系统,以及里面常用的东西,jdk,idea,maven,svn,git 等等工具的安装,因为这些动作不是经常操作的,因此这里做一个记录,方便新手或者忘记的时候看看 ...

  7. mybatis框架入门程序：演示通过mybatis实现数据库的插入操作中实现返回结果的获取

    1.mybatis实现数据库的插入操作可以查看https://www.cnblogs.com/wyhluckdog/p/10149895.html这篇博文,这里面的插入操作没有返回结果,所以这篇博文就 ...

  8. max文件属性设置，

    之前一直都没找到 用到的时候就是用net 弄了.哎.还在开发东西都是在9上面, 这次脚本必须在 max8 上面 逼的我找到了他 getFileAttribute <filename_string ...

  9. 6 scrapy框架之分布式操作

    分布式爬虫 一.redis简单回顾 1.启动redis: mac/linux:   redis-server redis.conf windows: redis-server.exe redis-wi ...

  10. Mybatis的map用法

    当Mybatis传过来的值是map类型的时候,有两种处理方法 1.将数值装入类封装起来 public interface IStudentDao { // 根据姓名和年龄查询 List<Stud ...