2018.12.26學習JavaScript
JavaScript
迴圈體:for
for(exp1;exp2;exp3){
迴圈體;
}
exp1:無條件的執行第一個表示式
exp2:是判斷是否能執行迴圈體的條件
exp3:做增量的操作
例子:
for(var i=1;i<=10;i++){
document.write('第'+i+'次hello world<br/>');
}
//alert(i);
//document.write(i);
//迴圈輸出0~100
for(var i=0;i<=100;i++){
document.write(i+'<br/>');
}
//迴圈輸出100~0
for(var i=100;i>=0;i--){
document.write(i+'<br/>');
}
//迴圈輸出1~100之間的奇數:
方法一:
for(var i=1;i<=100;i+=2){
document.write(i+'<br/>');
}
document.write('<hr color="antiquewhite"/>');
方法二:
for(var i=1;i<=100;i++){
if(i%2==1){
document.write(i+'<br/>');
}
}
var sum=0;
//迴圈輸出1~100之間數字的和
for(var i=1;i<=100;i++){
sum= sum+i;
}
document.write(sum);
//迴圈體
//0~100奇數相加
// var sum=0;
// for(i=1;i<=100;i+=2){
// sum=sum+i;
// }
// document.write(sum);
// document.write('<br>');
// //0~100偶數相加
// var sum=0;
// for(i=2;i<=100;i+=2){
// sum=sum+i;
// }
// document.write(sum);
//通過break結束for迴圈 break 停止
for(var i=-1;i>=-1;++i){ //無條件先執行一次,暫時不執行++i,此迴圈結束才執行
if(i>100){
break;//結束for迴圈
}
console.log(i+'<br/>');
}
//continue:代表跳過當次迴圈,進入下次迴圈 continue 繼續
for(var i=1;i<=10;i++){
if(i==3){
document.write('hello king');
// break;
continue;
}
document.write(i+'<br/>');
}
//1 2 hello king 3 4 5 6 7 8 9 10
//for迴圈的巢狀 先迴圈外,然後迴圈裡面(直到裡面迴圈完) 再迴圈外面,然後迴圈裡面(直到裡面迴圈完)
for(var i=1;i<=3;i++){
document.write('外層迴圈迴圈第'+i+'次的結果<br/>');
for(var j=1;j<=2;j++){
document.write('內層迴圈迴圈第'+j+'次的結果<br/>');
}
document.write('<hr />');
}
table表格迴圈
<table border='1' cellpadding="0" bgcolor="aqua" width='80%'>
<script type="text/javascript">
for(var i=1;i<=3;i++){
document.write('<tr>');
for(var j=1;j<=30;j++){
document.write('<td>'+j+'</td>');
} document.write('</tr>');
}
</script>
</table>
//正反九九乘法表
<!--table寫的九九乘法表-->
<table border="1" bgcolor="#ccc" cellpadding="0" width="800px">
<script type="text/javascript">
for(i=1;i<=9;i++){
document.write('<tr>');
for(j=1;j<=i;j++){
document.write('<td>'+j+'X'+i+'='+(i*j)+'<td/>');
}
document.write('</tr>');
}
</script>
</table>
<table border="1" bgcolor="#ccc" cellpadding="0" width="800px">
<script type="text/javascript">
for(i=9;i>=1;i--){
document.write('<tr>');
for(j=1;j<=i;j++){
document.write('<td>'+j+'X'+i+'='+(i*j)+'<td/>');
}
document.write('</tr>');
}
</script>
</table>