iT邦幫忙

2021 iThome 鐵人賽

0
自我挑戰組

追憶JS年華系列 第 30

Day-30 特集:迴圈實例題

  • 分享至 

  • xImage
  •  

for/傳統for/高階函式for迴圈比較

const lists = [2, 4, 1, 8, 7, 3, 5]

for … of

常用在印字串。若為for…in 是印索引值。

for (xx of lists) {
  console.log(xx);
}

傳統 for

for (let i = 0; i < lists.length; i++) {
  console.log(lists[i]);
}

HOF for(會接callback迴圈)

lists.forEach( (el) => {
  console.log(el);
})

狀況題

狀況題1

let i = 2            
let j = i++          
console.log(i) => 3  // 先不要管j,把i++獨立出來看,所以 = 3
console.log(j) => 2  // 先把i指給j,再做i++

狀況題2

let i = 2            
let j = ++i        
console.log(i) => 3  // 先不要管j,把i++獨立出來看,所以 = 3
console.log(j) => 3  // 先做++i,再把i指給j

不能印出4與6

for (var i = 1; i < 10; i++) {
  if (i == 4 || i == 6) {
    continue;
  }
  
  console.log(i)
}

印到3就會停止

for (var i = 1; i < 10; i++) {
  if (i == 4) {
    break;
  }
  
  console.log(i)
}

上一篇
Day-29 特集:解構 destructing
系列文
追憶JS年華30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言