<!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>