1. 迭代语句又叫循环语句, 声明一组要反复执行的命令, 直到满足某些条件为止。
2. do-while语句
2.1. do-while语句是后测试循环, 即退出条件在执行循环内部的代码之后计算。这意味着在计算表达式之前, 至少会执行循环主体一次。
2.2. 它的语法如下:
do {statement} while (expression);
2.3. 例子:
2.3.1. 代码
<!DOCTYPE html>
<html>
<head>
<title>do-while语句</title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript">
var i = 0;
do {
i -= 2;
} while (i > 0);
document.write("i = " + i);
</script>
</body>
</html>
2.3.2. 效果图
3. while语句
3.1. while语句是前测试循环。这意味着退出条件是在执行循环内部的代码之前计算的。因此, 循环主体可能根本不被执行。
3.2. 它的语法如下:
while (expression) statement
3.3. 例子:
3.3.1. 代码
<!DOCTYPE html>
<html>
<head>
<title>while语句</title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript">
var i = 0;
while (i > 0) {
i -= 2;
}
document.write("i = " + i);
</script>
</body>
</html>
4. for语句
4.1. for语句是前测试循环, 而且在进入循环之前, 能够初始化变量, 并定义循环后要执行的代码。
4.2. 它的语法如下:
for (initialization; expression; post-loop-expression) statement
4.3. for语句最常用的功能就是迭代数组。
4.4. for语句中使用let声明变量, 变量的作用域仅在for语句和for代码块中可用。如果for语句中使用var变量声明变量, 变量是全局变量。
4.5. 例子:
4.5.1. 代码
<!DOCTYPE html>
<html>
<head>
<title>for语句</title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript">
var arr = [0, 'abc', true];
for (let i = 0; i < arr.length; i++){
document.write("arr[" + i + "] = " + arr[i] + '<br />');
}
</script>
</body>
</html>
4.5.2. 效果图
5. for-in语句
5.1. for语句是严格的迭代语句, 用于枚举对象的属性。
5.2. 它的语法如下:
for (property in expression) statement
5.3. 例子:
5.3.1. 代码
<!DOCTYPE html>
<html>
<head>
<title>for-in语句</title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript">
var obj = {x: 0, y: true, z: 'abc'};
for(let item in obj) {
document.write(item + ' = ' + obj[item] + '<br />');
}
</script>
</body>
</html>
5.3.2. 效果图