好程序员Web前端分享程序的三大结构(二)while循环
while(循环终止条件){
}
案例
案例 打印100以内 7的倍数:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var a=0;
while(a<=100){
a++;
if(a%7==0){
document.write(a+'<br>');
}
}
</script>
</head>
<body>
</body>
</html>
案例 打印100以内所有偶数的和
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var a=0;
var res=0;
while(a<=100){
a++;
if(a%2==0){
res+=a;
}
}
document.write(res)
</script>
</head>
<body>
</body>
</html>
打印图形
*
**
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var second=0;//一共打印多少行;>>>五行
while(second<=5){
second++
var length=0;
while(length<=10){//一行打印多少个>>>十个
length++;
document.write('*');
}
document.write('<br>')
}
</script>
</head>
<body>
</body>
</html>
for循环
for循环将while循环分离的结构进行了整,将变量的声明自增,以及判断放入了括号中。写法更简单在开发中推荐使用。
for(var i = 0 ; i<10; i++){
//语句块
}
for循环的执行顺序。(从上到下,从左到右?不!!)
1.先声明变量,2.然后判断,3.之后读取语句块,4.最后再对变量进行自增。
for(var i = 0 (1.声明变量) ; i < 10(2.进行判断) ; i ++(4.对变量进行自增)){
//语句块(3.读取语句块)
}
案例:打印99乘法表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
for(var i = 1 ; i < 10;i++){ //前面的数字 i;
for(var j = 1; j <= i; j++){//后面的数字 j
document.write(i+''+j+'='+ij+' ');//拼接第一个是公式,要用字符串拼接;第二个是计算结果用数字计算。最后加了一个空格 让页面更美观。
}
document.write('<br>')
}
</script>
</head>
<body>
</body>
</html>
案例:计算1+3+5+...+99的和:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var res=0;
for(var i = 1 ; i < 100;i++){
res+=i;
}
document.write(res);
</script>
</head>
<body>
</body>
</html>
案例:求123456....的结果;
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var res = 1;
for (var i = 1; i <= 20; i++) {
res = i;
}
document.write(res)
</script>
</head>
<body>
</body>
</html>
转载于:https://blog.51cto.com/14249543/2398590
好程序员Web前端分享程序的三大结构(二)while循环相关推荐
- 好程序员web前端分享值得参考的css理论:OOCSS、SMACSS与BEM
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享值得参考的css理论:OOCSS.SMACSS与BEM 最近在The Sass Way里看到了Modular C ...
- 好程序员web前端分享HTML基础篇
好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...
- 好程序员web前端分享DIV+CSS3和html5+CSS3有什么区别
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享DIV+CSS3和html5+CSS3有什么区别,不管是DIV+CSS3还是html5+CSS3,他们都是我们对 ...
- 好程序员web前端分享javascript枚举算法
好程序员web前端分享javascript枚举算法,题目:在1,2,3,4,5 五个数中,我们随机选取 3个数.问有多少种取法?并且把每种取出数的方法列举出来. 乍看这道题,其实感觉没什么难度.三个f ...
- 好程序员web前端分享js剪切板Clipboard.js 使用
好程序员web前端分享js剪切板Clipboard.js 使用,clipboard.js是一个用来设置剪切板的库,小巧无依赖,但用法有点诡异,必须依赖一个DOM元素. 必须要与一个DOM元素相关联,并 ...
- 好程序员web前端分享数组及排序、去重和随机点名
好程序员web前端分享数组及排序.去重和随机点名,栈堆结构:堆栈都是一种数据项按序排列的数据结构,只能在一端(称为栈顶(top))对数据项进行插入和删除. 栈:存放的是路径:容量有限(在一开始被定义之 ...
- 好程序员web前端分享Nodejs学习笔记之Stream模块
好程序员web前端分享Nodejs学习笔记之Stream模块 一,开篇分析 流是一个抽象接口,被 Node 中的很多对象所实现.比如对一个 HTTP 服务器的请求是一个流,stdout 也是一个流.流 ...
- 好程序员web前端分享使用JavaScript正则表达式如何去掉双引号
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享使用JavaScript正则表达式如何去掉双引号,最近接了一个项目,项目需求需要用js正则表达式过滤掉页面文本域 ...
- JavaScript id_好程序员web前端分享Javascript中函数作为对象
好程序员web前端分享Javascript中函数作为对象,Javascript赋予了函数非常多的特性,其中最重要的特性之一就是将函数作为第一型的对象.那就意味着在javascript中函数可以有属性, ...
最新文章
- oracle 12c创建可插拔数据库(PDB)与用户详解
- 计算机国际安全顶级会议
- 前端学习(2987):vue+element今日头条管理--案例演示
- The 2018 ACM-ICPC上海大都会赛 J Beautiful Numbers (数位DP)
- javascript 里Array的一些方法
- 谷歌官宣安卓改名!甜点不再
- python3.7怎么用_Python 3.7.0 来了!
- FreeType需要libpng的说明(编译时可以用参数去掉,2.12已支持svg)
- 儿童学python下哪个软件好_少儿学编程适合哪个软件
- Irrational problem
- python中的complex()函数
- 春运在即 360又抢了12306的风头
- 微服务:同步与异步的抉择。
- 我学习从事项目经理第五课
- 解决scipy>1.3版本中没有imresize的问题
- 数据的离散程度度量:极差、四分位差、平均差、方差、标准差、异众比率、离散系数
- MOOC和网上学习平台整理
- Java——ArrayList(动态数组)介绍
- Macbook Matlab2017 安装机器人学工具箱(Robotic Toolbox for Matlab)
- 考研人的快乐瞬间,今天你快乐了吗?
热门文章
- boost::noncopyable用法的测试程序
- GDCM:gdcm::Anonymizer的测试程序
- GDCM:gdcm::Defs的测试程序
- GDCM:ReadSelectedTags的测试程序
- Boost:双图bimap与property地图的测试程序
- Boost:标记的的bimap双图测试程序
- DCMTK:将XML文档转换为DICOM文件或数据集
- DCMTK:DSRRootTemplate和DSRSubTemplate类的测试程序
- VTK:小部件之ImageTracerWidgetInsideContour
- VTK:可视化之TensorGlyph