JavaScript循环结构---For循环

301 阅读1分钟

For循环:

一般写法:

document.write(Arr[0] + "<br>");
document.write(Arr[1] + "<br>");
document.write(Arr[2] + "<br>");
document.write(Arr[3] + "<br>");
document.write(Arr[4] + "<br>");
document.write(Arr[5] + "<br>");

使用For循环:

for (var i = 0; i < Arr.length; i++) {
	document.write(Arr[i] + "<br>");
}

For循环语法:

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

语句 1 (代码块)开始前执行

语句 2 定义运行循环(代码块)的条件

语句 3 在循环(代码块)已被执行之后执行

实例

for (var i = 0; i < 5; i++) {
	document.write( "该数字为 " + i + "<br>")
}

从上面的例子中,您可以看到:

语句1 在循环开始之前设置变量 (var i=0)。

语句2 定义循环运行的条件(i 必须小于 5)。

语句3 在每次代码块已被执行后增加一个值 (i++)。

实际应用:
1.100以内的奇数之和
var sum = 0;
var j = 0; //奇数计算器
    for (var i = 1; i <= 100; i++) {
	if (i % 2 == 1) { //奇数
            sum += i;
            j += 1;
            document.write("第" + j + "个奇数是:" + i + "<br />")
            }
}
             document.write("100以内的奇数和为:" + sum);
2.100以内的偶数之和
var sum = 0;
var j = 0; //偶数计算器
    for (var i = 1; i <= 100; i++) {
	if (i % 2 == 1) { //偶数
            sum += i;
            j += 1;
            document.write("第" + j + "个偶数是:" + i + "<br />")
            }
}
             document.write("100以内的偶数和为:" + sum);
输出所有的“水仙花数”

水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身(例如:1^3 + 5^3+ 3^3 = 153)

for (var i = 100; i < 1000; i++) {
	var a = i % 10;     //个
	var b = parseInt(((i / 10) % 10));   //十
	var c = parseInt(i / 100);    //百
	if (a * a * a + b * b * b + c * c * c == i) {
	document.write('水仙花数: ' + i + '<hr/>');
	}
}
九九乘法表
document.write("<table border='1' cellpadding='0' cellspacing='0'width='900'>");
	for (var i = 1; i <= 9; i++) {
		document.write("<tr>");
		for (var j = 1; j <= i; j++) {
                    document.write("<td style='background-color: lemonchiffon;text-align: center;'>" + j + "×" + i + "=" + i * j +"</td>");
			}
			document.write("</tr>");
		}
		document.write("</table>");