[ JavaScript 04 ] 迴圈


Posted by tzutzu858 on 2020-06-22

先做再說:do...while...

先來個無窮迴圈吧~~~

var i =1

do {
  console.log(i)
  i++
}while(true)
  console.log('i=',i)

記得按Ctrl-C跳出就好
所以記得設條件,在 while 設條件或 do 裡面設條件都可以

var i =1

do {
  console.log(i)
  i++
}while(i <= 10)
  console.log('i=',i)
var i =1

do {
  console.log(i)
  i++
  if(i>10){
  break
  }
}while(true)
  console.log('i=',i)

continue 用法

當你使用沒加標籤的 continue 時,他會終止這一次的最內層的 while、do-while、for 語法的反覆過程,並繼續執行下一次的反覆過程。與 break 語法相較之下,continue 不會終止整個循環的執行。在 while 循環中,他會跳回條件處。在 for 循環中,他會跳回遞增表達式

var i =1

do {
  console.log(i)
  i++
  if(i%2 === 1){
  continue
  }
  console.log(i,'偶數')
}while(i <= 10)
  console.log('i=',i)

// 當程式執行到continue,
// 跳出迴圈進到 while(i <= 10) 做判斷
var i =1

do {
  console.log(i)
  i++
  if(i <= 20){
  continue
  }
  console.log(i,'偶數')
}while(i <= 10)
  console.log('i=',i)

// 程式永遠不會執行到 console.log(i,'偶數') 這一行
// 因為不斷 continue 跳出,直到迴圈結束

while 迴圈

先判斷再 do

var i =1
while(i <= 10){
  console.log(i)
  i++
}

也可以直接把 i++ 寫在 console.log 裡面
先印出 i 再 ++

var i =1
while(i <= 10){
  console.log(i++)
}

for 迴圈

var i =1 // 初始值
while(i <= 10){  // 終止條件
  console.log(i)
  i++ // i 每一圈要做的事情 
}


// for 語法
for (初始值 ; 終止條件 ; i 每一圈要做的事情){
    console.log(i)
}

想印出 10 以內的偶數

for (var i =1 ; i <= 10 ; i++){
    if (i%2) continue
    console.log(i)
}

搭配陣列

var scores = [49,60,24,64,63]
for (var i = 0 ; i <scores.length ; i++){
    console.log(scores[i])
}

算總分

var scores = [49,60,24,64,63]
var sum = 0
for (var i = 0 ; i <scores.length ; i++){
    console.log(scores[i])
    sum += scores[i]
}
    console.log(sum)

forEach()

要把陣列的每一個元素,都執行 function 一次

const array1 = ['a', 'b', 'c'];
array1.forEach(element => console.log(element));

for...of

for...of語句在可迭代對象(包括Array,Map,Set,String,TypedArray,arguments 對像等等)上創建一個迭代循環,調用自定義迭代鉤子,並為每個不同屬性的值執行語句

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"

for...in

迭代物件的可列舉屬性。對每個相異屬性,執行陳述式。

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

// expected output:
// "a: 1"
// "b: 2"
// "c: 3"

#javascript







Related Posts

JavaScript 陣列操作總整理

JavaScript 陣列操作總整理

[Day 3] JS in Pipeline (3): Docker and Local Development Environment (3)

[Day 3] JS in Pipeline (3): Docker and Local Development Environment (3)

[ week 1 ] 教教蔡哥學 Git

[ week 1 ] 教教蔡哥學 Git


Comments