<!DOCTYPE html><html><head><meta charset="UTF-8"><title>03-for循环执行过程</title><!--
知识总结
--------
执行过程:
1. 初始化变量,初始化操作在整个 for 循环只会执行一次。
2. 执行条件表达式,如果为true,则执行循环体语句,否则退出循环,循环结束。
3. 执行操作表达式,此时第一轮结束。
4. 第二轮开始,直接去执行条件表达式(不再初始化变量),如果为 true ,则去执行循环体语句,否则退出循环。
5. 继续执行操作表达式,第二轮结束。
6. 后续跟第二轮一致,直至条件表达式为假,结束整个 for 循环。
--><script>// for 循环的执行过程for(var i =1; i <=100; i++){
console.log('你好吗');}// 1. 首先执行里面的计数器变量 var i = 1 .但是这句话在for 里面只执行一次 index// 2. 去 i <= 100 来判断是否满足条件, 如果满足条件 就去执行 循环体 不满足条件退出循环 // 3. 最后去执行 i++ i++是单独写的代码 递增 第一轮结束 // 4. 接着去执行 i <= 100 如果满足条件 就去执行 循环体 不满足条件退出循环 第二轮</script></head><body></body></html>
04 - for循环重复相同代码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>04-for循环重复相同代码</title><!--2.2for循环重复相同的代码
--------------------------><script>// for 循环可以执行相同的代码for(var i =1; i <=10; i++){
console.log('媳妇我错了');}// 我们可以让用户控制输出的次数var num =prompt('请您输入次数');for(var i =1; i <= num; i++){
console.log('媳妇我错了');}</script></head><body></body></html>
05 - for循环重复不同的代码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>05-for循环重复不同的代码</title><!--2.3for 循环重复执行相同的代码
----------------------------
主要是因为使用了计数器,计数器在每次循环过程中都会有变化。
--><script>// for 循环可以重复执行不同的代码 因为我们有计数器变量 i 的存在 i每次循环值都会变化// 我们想要输出1个人 1~100岁for(var i =1; i <=100; i++){
console.log('这个人今年'+ i +'岁了');}for(var i =1; i <=100; i++){if(i ==1){
console.log('这个人今年1岁了,他出生了');}elseif(i ==100){
console.log('这个人今年100岁了,他死了');}else{
console.log('这个人今年'+ i +'岁了');}}</script></head><body></body></html>
06 - for循环重复某些操作
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>06-for循环重复某些操作</title><!--2.4for 循环重复某些相同的操作
----------------------------for循环因为有了计数器的存在,我们还可以重复的执行某些操作,比如做一些算术运算。
课堂案例1:求 1~100 之间所有整数累加和
-----------------------------------
案例分析:
---------1. 需要循环100次,我们需要一个计数器 i
2. 我们需要一个存储结果的变量 sum,但是初始值一定是03. 核心算法:1+2+3+4 … , sum = sum + i
--><script>// for 循环重复执行某些操作 比如说我们做了100次加法运算var sum =0;// 求和 的变量for(var i =1; i <=100; i++){// sum = sum + i;
sum += i;}
console.log(sum);</script></head><body></body></html>
07 - for循环案例
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>07-for循环案例</title><script>// 1. 求1-100之间所有数的平均值 需要一个 sum 和的变量 还需要一个平均值 average 变量var sum =0;var average =0;for(var i =1; i <=100; i++){
sum = sum + i;}
average = sum /100;
console.log(average);// 2. 求1-100之间所有偶数和奇数的和 我们需要一个偶数的和变量 even 还需要一个奇数 oddvar even =0;var odd =0;for(var i =1; i <=100; i++){if(i %2==0){
even = even + i;}else{
odd = odd + i;}}
console.log('1~100 之间所有的偶数和是'+ even);
console.log('1~100 之间所有的奇数和是'+ odd);// 3. 求1-100之间所有能被3整除的数字的和 var result =0;for(var i =1; i <=100; i++){if(i %3==0){// result = result + i;
result += i;}}
console.log('1~100之间能够被3整数的数字的和是:'+ result);</script></head><body></body></html>
08 - 求学生成绩案例
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>08-求学生成绩案例</title><!--
课堂案例2:求学生成绩
-------------------
要求用户输入班级人数,之后依次输入每个学生的成绩,最后打印出该班级总的成绩以及平均成绩。
案例分析:
---------1.弹出输入框输入总的班级人数(num)
2.依次输入学生的成绩(保存起来 score),此时我们需要用到 for循环,弹出的次数跟班级总人数有关系条件表达式i<= num
3.进行业务处理:计算成绩。先求总成绩(sum),之后求平均成绩(average)
--><script>var num =prompt('请输入班级的总人数:');// num 总的班级人数var sum =0;// 求和的变量var average =0;// 求平均值的变量for(var i =1; i <= num; i++){var score =prompt('请您输入第'+ i +'个学生成绩');// 因为从prompt取过来的数据是 字符串型的需要转换为数字型
sum = sum +parseFloat(score);}
average = sum / num;alert('班级总的成绩是'+ sum);alert('班级平均分是:'+ average);</script></head><body></body></html>
09 - 一行打印五个星星
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>09-一行打印五个星星</title><script>// 一行打印五个星星 // console.log('★★★★★');// for (var i = 1; i <= 5; i++) {// console.log('★');// }// var str = '';// for (var i = 1; i <= 5; i++) {// str = str + '★';// }// console.log(str);var num =prompt('请输入星星的个数');var str ='';for(var i =1; i <= num; i++){
str = str +'★'}
console.log(str);</script></head><body></body></html>