for(表達式1;表達式2;表達式3){
循環體;
}
先執行一次表達式1,而後判斷表達式2;若是不成立則直接跳出循環spa
若是表達式2成立,執行循環體的代碼,結束後,跳到表達式3執行,而後跳到表達式2,判斷表達式2是否成立,不成立,則跳出循環code
若是表達式2成立,則執行循環體,而後再跳到表達式3,再跳到表達式2,判斷是否成立,一直如此blog
for (var i = 0; i < 10; i++) { console.log("日照香爐生紫煙"); }
var sum = 0;
for (var i = 1; i <= 100; i++) {
sum += i;
}
console.log(sum);
var sum1 = 0;
for (var i = 1; i <= 100; i++) {
//判斷i與2取餘是0---->偶數 if (i % 2 == 0) { sum1 += i; } } console.log(sum1); //2550
var sum2 = 0;
for (var i = 1; i <= 100; i++) {
if (i % 2 != 0) {
//奇數
sum2 += i;
}
}
console.log("和爲:" + sum2);
var sum3 = 0;
for (var i = 1; i <= 100; i++) {
if (i % 3 == 0) {
sum3 += i;
}
}
console.log(sum3);
var sum4 = 0;
for (var i = 1; i <= 100; i++) {
if (i % 7 == 0) {
sum4 += i;
}
}
cnsole.log(sum4);
補充:ci
alert();//彈框
console.log();//在控制檯
document.write("<a href='http://www.baidu.com'>百度</a>"); //顯示在頁面亞~
for (var i = 0; i <= 5; i++) {
//控制每一行有幾個星星
for (var j = 0; j <= 5; j++) {
document.write("★");
}
document.write("<br/>");
}
隨着行數的增長,每一行都會比上一行多一個五角星it
for (var i = 0; i <= 5; i++) {
//控制每一行有幾個星星
for (var j = 0; j <= i; j++) {
document.write("★");
}
document.write("<br/>");
}
1. 掌握------必需要寫出來的console
//控制行數
for (var i = 1; i <= 9; i++) {
//控制每一行有多少個表達式
for (var j = 1; j <= 9; j++) {
document.write(j + "*" + i + "=" + i * j);
}
document.write("<br/>"); }
2. 表格版本的-------可以理解,若是寫出來更好for循環
document.write("<table border='1' cellpadding='0' cellspacing='0'>");
for (var i = 1; i <= 9; i++) {
document.write("<tr>"); for (var j = 1; j <= i; j++) { document.write("<td>"); document.write(i + "*" + j + "=" + i * j); document.write("</td>"); } document.write("</tr>"); } document.write("</table>");