您的位置：首页 > Web前端 > JavaScript

JavaScript -- 循环语句

2017-05-16 11:17 211 查看

JavaScript 支持不同类型的循环：

for - 循环代码块一定的次数

for/in - 循环遍历对象的属性

while - 当指定的条件为 true 时循环指定的代码块

do/while - 同样当指定的条件为 true 时循环指定的代码块

For 循环

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

语法：

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

while 循环

while 循环会在指定条件为真时循环执行代码块。

语法：

while (条件)
{
需要执行的代码
}

do/while 循环

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

语法：

do
{
需要执行的代码
}
while (条件);

demo:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>循环语句</title>
</head>

<body>
<script type="text/javascript" src="test.js" ></script>
<button onclick="loop()">循环语句</button>
</body>

</html>

js里面的循环语句逻辑代码：

/**
* 循环语句
*/
function loop(){
document.write("----------for循环遍历-----------" + "<br>");
cars = ["BMW", "Volvo", "Saab", "Ford"];
for (var i = 0; i < cars.length; i++) {
document.write(cars[i] + "<br>");
}
document.write("---------------------" + "<br>");
var i = 0,
len = cars.length;
for (; i < len;) {
document.write(cars[i] + "<br>");
i++;
}
document.write("----------for/in 语句循环遍历对象的属性-----------" + "<br>");
var x;
var txt = "";
var person = {
fname: "Bill",
lname: "Gates",
age: 56
};
//通过for in 进行对象遍历
for (x in person) {
//字符串拼接，通过+
txt = txt + person[x];
}
document.write(txt + "<br>");
document.write("----------while循环语句----------" + "<br>");
var x = "",
i = 0;
while (i < 5) {
x = x + "该数字为 " + i + "<br>";
i++;
}
document.write(x + "<br>");
document.write("----------do while循环语句----------" + "<br>");
var x = "",
i = 0;
do {
x = x + "the number is " + i + "<br>";
i++;
}
while (i < 5)
document.write(x + "<br>");
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航