三个js循环的关键字示例(for与while)


Posted in Javascript onFebruary 16, 2016

循环的三种写法:

<!doctype html>
<title>js循环 by 三水点靠木</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 三水点靠木" />
<meta name="description" content="js循环 by 三水点靠木" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">三水点靠木,这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">3water.com ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">三水点靠木,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>

不同类型的循环

JavaScript 支持不同类型的循环:
•for - 循环代码块一定的次数
•for/in - 循环遍历对象的属性
•while - 当指定的条件为 true 时循环指定的代码块
•do/while - 同样当指定的条件为 true 时循环指定的代码块

For 循环

for 循环是您在希望创建循环时常会用到的工具。

下面是 for 循环的语法:

for (语句 1; 语句 2; 语句 3)
  {
  被执行的代码块
  }

语句 1 在循环(代码块)开始前执行
语句 2 定义运行循环(代码块)的条件
语句 3 在循环(代码块)已被执行之后执行

实例

for (var i=0; i<5; i++)

  {

  x=x + "The number is " + i + "<br>";

  }

亲自试一试
 
从上面的例子中,您可以看到:

Statement 1 在循环开始之前设置变量 (var i=0)。
Statement 2 定义循环运行的条件(i 必须小于 5)。
Statement 3 在每次代码块已被执行后增加一个值 (i++)。

语句 1

通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。

语句 1 是可选的,也就是说不使用语句 1 也可以。

您可以在语句 1 中初始化任意(或者多个)值:

实例:

for (var i=0,len=cars.length; i<len; i++)

{

document.write(cars[i] + "<br>");

}

同时您还可以省略语句 1(比如在循环开始前已经设置了值时):

实例:

var i=2,len=cars.length;

for (; i<len; i++)

{

document.write(cars[i] + "<br>");

}

语句 2

通常语句 2 用于评估初始变量的条件。

语句 2 同样是可选的。
如果语句 2 返回 true,则循环再次开始,如果返回 false,则循环将结束。
提示:如果您省略了语句 2,那么必须在循环内提供 break。否则循环就无法停下来。这样有可能令浏览器崩溃。请在本教程稍后的章节阅读有关 break 的内容。

语句 3

通常语句 3 会增加初始变量的值。

语句 3 也是可选的。
语句 3 有多种用法。增量可以是负数 (i--),或者更大 (i=i+15)。
语句 3 也可以省略(比如当循环内部有相应的代码时):

实例:

var i=0,len=cars.length;

for (; i<len; )

{

document.write(cars[i] + "<br>");

i++;

}

For/In 循环

JavaScript for/in 语句循环遍历对象的属性:

实例

var person={fname:"John",lname:"Doe",age:25};

for (x in person)

  {

  txt=txt + person[x];

  }

您将在有关 JavaScript 对象的章节学到更多有关 for / in 循环的知识。

具体可以参考这篇文章:https://3water.com/w3school/js/js_loop_for.htm

Javascript 相关文章推荐
一个不错的应用,用于提交获取文章内容,不推荐用
Mar 03 Javascript
jQuery EasyUI 中文API Button使用实例
Apr 14 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
详解javascript实现自定义事件
Jan 19 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
详解JS-- 浮点数运算处理
Nov 28 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
vue中路由验证和相应拦截的使用详解
Dec 13 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 #Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 #Javascript
深入浅析AngularJS和DataModel
Feb 16 #Javascript
Javascript中的Prototype到底是什么
Feb 16 #Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 #Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 #Javascript
让图片跳跃起来  javascript图片轮播特效
Feb 16 #Javascript
You might like
PHP 动态随机生成验证码类代码
2010/04/09 PHP
php过滤html中的其他网站链接的方法(域名白名单功能)
2014/04/24 PHP
简单实现php上传文件功能
2017/09/21 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
js Html结构转字符串形式显示代码
2011/11/15 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
2013/04/19 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
JS基于cookie实现来宾统计记录访客信息的方法
2015/08/04 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
JavaScript如何获取数组最大值和最小值
2015/11/18 Javascript
详解JavaScript中的属性和特性
2016/12/08 Javascript
jquery submit()不能提交表单的解决方法
2017/04/24 jQuery
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
Vue自定义全局Toast和Loading的实例详解
2019/04/18 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python计算回文数的方法
2015/03/11 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
详解django中url路由配置及渲染方式
2019/02/25 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
对tensorflow 中tile函数的使用详解
2020/02/07 Python
Python自动化操作实现图例绘制
2020/07/09 Python
Python实现AES加密,解密的两种方法
2020/10/03 Python
小学学雷锋活动总结
2014/04/25 职场文书
现场活动策划方案
2014/08/22 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
道德模范事迹材料
2014/12/20 职场文书
联欢会开场白
2015/06/01 职场文书
小学三年级班主任工作经验交流材料
2015/11/02 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书