1. 程式人生 > >2018.12.26學習JavaScript

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>