Javascript第三天
1.1 for循环语句
循环语句就是控制代码循环重复执行多少次。
循环语句将来解决我们遇到的 重复代码 多次执行的问题。
语法格式：
for( 初值表达式 ; 条件表达式；步长表达式 ){
代码块
}
解释：
初值表达式 定义一个变量并且赋初始值 var i = 0
条件表达式 判断条件 i < 100
步长表达式 循环一次之后的自增或者自减 i++
示例：
<script type="text/javascript">
for( var i = 0; i<100; i++ ){
document.write("你好 世界");
}
</script>
执行流程:
初值表达式 var i = 0
条件表达式 i<100; 成立则执行大括号里面的代码 不成立则循环结束
代码块
步长表达式 i++
条件表达式 i<100; 成立则执行大括号里面的代码 不成立则循环结束
代码块
步长表达式 i++
条件表达式 i<100; 成立则执行大括号里面的代码 不成立则循环结束
.....
条件表达式 i<100; 成立则执行大括号里面的代码 不成立则循环结束
1.2 练习一 输出0-100之间的奇数
<script type="text/javascript">
for( var i = 0; i<101; i++ ){
if( i%2 != 0 ){
document.write( i + "\n");
}
}
</script>
1.3 练习二 输出0-100之间的偶数
<script type="text/javascript">
for( var i = 0; i<101; i++ ){
if( i%2 == 0 ){
document.write( i + "\n");
}
}
</script>
<script type="text/javascript">
for( var i = 0; i<101; i+=2 ){
document.write( i + "\n");
}
</script>
<script type="text/javascript">
for( var i = 0; i<51; i++ ){
document.write( i*2 + "\n");
}
</script>
1.4 练习 三 输出矩形
<script type="text/javascript">
for( var a = 0;a<6;a++ ){
for(var i=0;i<20;i++){
document.write("*");
}
document.write("<br />");
}
</script>
<script type="text/javascript">
for( var a = 10;a>0;a-- ){
for(var i=0;i<a;i++){
document.write("*");
}
document.write("<br />");
}
</script>
1.5 练习四 高斯累加
求 1+2+3+4+5+6+7+8+9+....+95+96+97+98+99+100 的 和 ？
实现版：
var a = 1+2+3+4+5+6+7+8+9+....+95+96+97+98+99+100;
document.write(a);
我们即使这样写代码，计算也也是一步一步的进行计算，它也是先算的 1+2 得3 ，然后再用3 +3 得 6，然后再用 6 +4 。。。。 +100 得5050
优化版
var a = 1;
a += 2; // a = 1+2 ; a 3
a += 3; // a = 3+3 ; a 6
a += 4; // a = 6+4 ; a 10
a += 5; // a= 10+5; a 15
....
a += 100;
document.write(a);
最终版
var a = 1;
for(var i=2;i<101;i++){
a += i;
}
document.write(a);
for循环是一个优化代码
1.6 练习五 求总和
用户连续输入五次考试成绩 求五次的总和
实现版：
<script type="text/javascript">
var a = Number( prompt("请输入第1次成绩") );
var b = Number( prompt("请输入第1次成绩") );
var c = Number( prompt("请输入第1次成绩") );
var d = Number( prompt("请输入第1次成绩") );
var e = Number( prompt("请输入第1次成绩") );
var z = a+b+c+d+e;
document.write(z);
</script>
优化版：
<script type="text/javascript">
var a = Number( prompt("请输入第1次成绩") );
var b = Number( prompt("请输入第2次成绩") );
var c = Number( prompt("请输入第3次成绩") );
var d = Number( prompt("请输入第4次成绩") );
var e = Number( prompt("请输入第5次成绩") );
var z = 0;
z+=a;
z+=b;
z+=c;
z+=d;
z+=e;
document.write(z);
</script>
<script type="text/javascript">
var z = 0;
z+= Number( prompt("请输入第1次成绩") );
z+= Number( prompt("请输入第2次成绩") );
z+= Number( prompt("请输入第3次成绩") );
z+= Number( prompt("请输入第4次成绩") );
z+= Number( prompt("请输入第5次成绩") );
document.write(z);
</script>
最终版：
<script type="text/javascript">
var z = 0;
var max = 0;
var min = 100;
for (var i = 1; i < 6; i++) {
var a = Number(prompt("请输入第" + i + "次成绩"));
z += a;
if(a > max ) max = a;
if(a < min ) min = a;
}
document.write( "总和为："+ z + "<br />" );
document.write( "平均值为：" +z/5+ "<br />");
document.write( "最大值为：" +max+ "<br />");
document.write( "最小值为：" +min+ "<br />");
</script>
1.7 break和continue 跳出循环的关键字
break 结束循环
for( var i=0;i<100;i++){
if(i == 50){
break;
}
document.write(i+"\n");
}
continue 跳出本次循环 继续循环
for (var i = 0; i < 100; i++) {
if (i == 50) {
continue;
}
document.write(i + "\n");
}
1.8 水仙花数
水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身。例如：1^3 + 5^3+ 3^3 = 153。
for(var i=100; i<1000; i++){
var a= parseInt(i/100);
var b= parseInt(i/10%10);
var c= i%10;
if(a*a*a+b*b*b+c*c*c == i){
document.write(i+ "\n");
}
}
1.9 九九乘法表
for (var i = 1; i < 10; i++) {
for (var j = 1; j <= i; j++) {
document.write(j + "*" + i + "=" + j * i + "\n");
}
document.write("<br/>");
}