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. DB2 日期时间函数

    db2日期时间函数 (DATE(TRIM(CHAR(DT#11Y))||'-'||TRIM(CHAR(DT#11M))||'-'||TRIM(CHAR(DT#11D))) BETWEEN DATE(' ...

  2. nodejs API(二)

    官网所在位置:https://nodejs.org/dist/latest-v6.x/docs/api/querystring.html querystring.escape(str) 转义   qu ...

  3. Navigation and Pathfinding

    [Navigation and Pathfinding] 术语: 1)NavMesh 2)NavMesh Agent 3)Off-Mesh Link 4)NavMesh Obstacle A comm ...

  4. jsp中常用的标签

    jsp本质上就是一个servlet,只是tomcat会将其翻译成servlet,servlet本质上是一个类,那么jsp也是一个类.jsp中各种标签都会被tomcat翻译成各种基本的java代码 如果 ...

  5. PHP 文件处理(综合)

    1.获取远程文件大小:php获得远程文件大小的函数php获得远程文件大小的函数文件的大小函数为:filesize()文件是否存在的函数为:file_exits();但是这两个函数只针对本地那么:远程文 ...

  6. MD5加密算法原理及其应用

    MD5是一个安全的散列算法,输入两个不同的明文不会得到相同的输出值,根据输出值,不能得到原始的明文,即其过程不可逆:所以要解密MD5没有现成的算法,只能用穷举法,把可能出现的明文,用MD5算法散列之后 ...

  7. 大楼轮廓 · building-outline

    [抄题]: 水平面上有 N 座大楼,每座大楼都是矩阵的形状,可以用一个三元组表示 (start, end, height),分别代表其在x轴上的起点,终点和高度.大楼之间从远处看可能会重叠,求出 N  ...

  8. 这样的UX设计师简历,HR分分钟给你来电话

    BLS调查显示,软件开发和IT,用户体验设计,产品经理和项目管理这三个职位在未来有非凡的发展前景.其中,用户体验设计师是目前最有需求的创意产业工作之一.10年里就业增长率高达22.1%,工作岗位数3, ...

  9. 访问localhost的phpmyadmin出现访问被拒绝

    原因是:没有配置MySQL数据库密码. 1.打开D:\wamp\apps\phpmyadmin x.xx找到config.inc.php. 修改并保存: $cfg['Servers'][$i]['us ...

  10. C# Redis Server分布式缓存编程(一)(转)

    出处:http://www.cnblogs.com/davidgu/p/3262571.html 这篇文章我将介绍如果用最简洁的方式配置Redis Server, 以及如何使用C#和它交互编程 一. ...