01-for循环
语法：
- for（表达式一;表达式二;表达式三）{
循环操作
}
表达式一：参数初始化
表达式二：条件判断
表达式三：更新循环变量
<script>
//执行流程
// 1.先进行变量的初始化i = 0
// 2.进行条件判断 0 < 100 == true
// 3.执行console.log("...")
// 4.i++
// 5.条件判断 1 < 100 == true
// 6.console.log("...")
// 7.i++ 一直重复5 6直到i < 100 == false
for(var i = 0; i < 100; i++) {
console.log("中国加油");
}
console.log(i)//100
</script>
- for 还可以与if else while一起使用
<script>
for(var i = 0; i <= 10; i++) {
if(i == 1) {
console.log("打印出这是不一样的1")
}else if(i == 5) {
console.log("打印出这是不一样的5")
}else if(i == 10) {
console.log("打印出这是不一样10")
} else {
console.log("普通的这是" + i )
}
}
</script>
for案例
<script>
// 1-100 求和
var sum1 = 0;
for(var i = 1; i <= 100; i++) {
sum1 += i;
}
alert("1-100的和" + sum1)
// 1-100 平均值
var sum2 = 0;
var average = 0;
for(var a = 1; a <= 100; a++) {
sum2 += a;
}
average = sum2 / 100
alert("平均值" + average)
// 1-100 奇数和 和 偶数和
var sum3 = 0;
var evenTotal= 0;
var oddTotal=0;
for (b=1;b<=100;b++){
if(b % 2 == 0){
evenTotal += b;
}else{
oddTotal += b;
}
}
alert("偶数和" + evenTotal)
alert("奇数和" + oddTotal)
// 1-100 能被3整除数之和
var sum4 = 0;
for(c=1;c<=100;c++){
if(c % 3 == 0){
sum4 += c
}
}
alert("1-100能被3整除数之和" + sum4)
</script>
02-for的双重循环
<script>
//每打印1条外循环就会打印10条内循环
for(var i = 0; i < 10; i++) {
console.log("外循环！！！")
for(var a = 0; a < 10; a++) {
console.log("内循环")
}
}
</script>
<script>
// 一行星星案例
var num = prompt("星星的个数")
var str1 = "";
for(var i = 0; i < num; i++) {
str1 += "☆"
}
console.log(str1)
// 十行十列环星星案例
var str2 = "";
for(var a = 0; a < 10; a++) {
for(var b = 0; b < 10; b++) {
str2 += "☆"
}
str2 += "\n"
}
console.log(str2)
// n行n列环星星案例
var rows = prompt("请输入输出的行数")
var cols = prompt("请输入输出的列数")
var str3 = '';
for(var c = 0; c < rows; c++) {
for(var d = 0; d < cols; d++) {
str3 += "☆"
}
str3 += "\n"
}
console.log(str3)
// 倒三角案例
var str4 = "";
for(var e = 0; e < 10; e++) {
for( var f = e; f < 10; f++) {
str4 += "☆"
}
str4 += "\n"
}
console.log(str4)
</script>
<script>
var str = "";
for(var i = 1; i <= 9; i++) {
for(var j = 1; j <= i; j++) {
str += j + "x" + i + "=" + i * j + "\t"
}
str += "\n"
}
console.log(str)
</script>
03-while循环
- 语法：while(判断条件){执行语句}，先判断是否满足判断条件，如果满足则执行大括号里面的语句，如果不满足则循环结束。
<script>
var i =1;
while(i<3){
console.log("输出" ,i);
i++;
}
console.log("输出最后一个",i)
//首先i=1
//判断1 < 3 是真
//执行 console.log("输出" ,i);
//执行i++ 2
//判断2 < 3
//执行 console.log("输出" ,i);
//执行i++ 3
// 3=3 不满足 i<3
//执行 console.log("输出最后一个",i)
//结束
</script>
<script>
// 打印 1 - 100案例
var i = 1;
while(i <= 100) {
console.log("这是" + i);
i++;
}
// 2.1-100所有整数和
var sum1 = 0;
var a = 1;
while(a <= 100) {
sum1 += a;
a++;
}
console.log(sum1)
// 输入正确指令执行案例
var message = prompt("天王盖地虎,请输入下一句");
while(message != "小鸡炖蘑菇") {
var message = prompt("天王盖地虎,输入有误请接着输入正确的");
}
console.log("正确！！")
</script>
<script>
var i = 1;
do { //先执行do 里面的语句，再判断while里面的条件
i++
console.log(i)
}while(i <= 100){
console.log(i)
}
</script>
04-continue和break
<script>
var sum = 0
for(var i = 1; i <= 100; i++) {
// 1 + 2 + 3 .. + 100。 中间不加50这个整型值
if(i == 50) {
// 如果等于50时，就不让下面的代码进行执行！！！
// 继续，跳出本次循环！！！
continue;
}
sum += i
}
console.log(sum)
</script>
<script>
var sum = 0
for(var i = 1; i <= 100; i++) {
// 1 + 2 + 3 .. + 100。 中间不加50这个整型值
if(i == 50) {
// 如果等于50时，就不让下面的代码进行执行！！！
// 结束循环，不再计算50后面的数值！！！
break;
}
sum += i
}
console.log(sum)
</script>
