JavaScript学习:JavaScript for循环 while循环

循环可多次执行代码块。
需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用。
例:
for (i = 0; i < cars.length; i++) {
text += cars[i] + “
”;
}
JavaScript 支持不同类型的循环:
for - 多次遍历代码块
for/in - 遍历对象属性
while - 当指定条件为 true 时循环一段代码块
do/while - 当指定条件为 true 时循环一段代码块
一、for循环语法:
for (语句 1; 语句 2; 语句 3) {
要执行的代码块
}
语句 1 在循环(代码块)开始之前执行。
语句 2 定义运行循环(代码块)的条件。
语句 3 会在循环(代码块)每次被执行后执行。
例:
for (i = 0; i < 5; i++) {
text += "数字是 " + i + “
”;
}
从上面的代码中:
语句 1 在循环开始之前设置了一个变量(var i = 0)。
语句 2 定义运行循环的条件(i 必须小于 5)。
语句 3 会在代码块每次执行之后对值进行递增(i++)。
语句1:
语句1是初始化循环中所使用的变量(i=0),语句1是可选的语句1中初始化多个值可以用逗号隔开。
例:
for (i = 0, len = cars.length, text = “”; i < len; i++) {
text += cars[i] + “
”;
}
省略语句 1(在循环开始前设置好值):
例:
var i = 2;
var len = cars.length;
var text = “”;
for (; i < len; i++) {
text += cars[i] + “
”;
}
语句2
语句2是计算初始变量的条件,语句2也是可选的,如果语句2返回true,那么循环会重新开始,如果返回false,则循环将结束。如果省略语句 2,那么必须在循环中提供一个 break。否则循环永远不会结束。
语句3
语句3会递增初始变量的值,语句3也是可选的,语句 3 可做任何事情,比如负递增(i–),正递增(i = i + 15),或者任何其他事情。
语句 3 也可被省略(在循环内递增值时):
例:
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + “
”;
i++;
}
for/in循环
例:
var person = {fname:“Bill”, lname:“Gates”, age:62};
var text = “”;
var x;
for (x in person) {
text += person[x];
}
二、while循环只要条件为 true,循环能够一直执行代码块。
语法:
while (条件) {
要执行的代码块
}
在下面的例子中,循环中的代码将运行,一遍又一遍,只要变量(i)小于 10:
while (i < 10) {
text += "数字是 " + i;
i++;
}
注意: 如果忘了对条件中的变量进行递增,那么循环不会结束,会导致浏览器崩溃。
do/while循环 是 while 循环的变体。在检查条件是否为真之前,这种循环会执行一次代码块,然后只要条件为真就会重复循环。
语法
do {
要执行的代码块
}
while (条件);
例:
do {
text += "The number is " + i;
i++;
}
while (i < 10);
该循环会执行至少一次,即使条件为 false,因为代码块会在条件测试之前执行,要注意对条件中 的变量进行递增。
比较for和while
while 循环与 for 循环相当类似,其中的语句 1 和 语句 2 都可以省略。
使用 for 循环来提取 cars 数组中的汽车品牌:
var cars = [“BMW”, “Volvo”, “Saab”, “Ford”];
var i = 0;
var text = “”;
for (;cars[i]? {
text += cars[i] + “
”;
i++;
}
使用 while 循环来提取 cars 数组中的汽车品牌:
var cars = [“BMW”, “Volvo”, “Saab”, “Ford”];
var i = 0;
var text = “”;
while (cars[i]) {
text += cars[i] + “
”;
i++;
}
W3School JavaScript for循环
W3School JavaScript while循环

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值