iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
Modern Web

JavaScript 筆記 2 版系列 第 11

JavaScript Day11 - 迴圈

  • 分享至 

  • xImage
  •  

for、while

for (初始值 ; (結束)條件 ; 更新) {
    // 迴圈內的執行條件
}

for (let i = 0; i < 3; i++) {
    console.log('i=' + i);
}
// i= 0
// i= 1
// i= 2

forEach

  • Array.prototype.forEach() 可以看出是屬於陣列相關的處理方法
  • 參數 item 代表物件,index 代表順序,array 代表陣列本身
  • 沒有 return
ary.forEach(function(item, index, array){
    console.log(item, index, array)
});
let arr = ['a', 'b', 'c'];

arr.forEach(function(item, index, array){
    console.log('ary[' + index + '] = ' + item)
});

// ary[0] = a
// ary[1] = b
// ary[2] = c

直接定義函式

let arr = [1, 3, 5];
let total = 0;

function addAll(num){
    total += num;
}

arr.forEach(addAll);

console.log(total);
// 9

參考資料

Array.prototype.forEach()
JavaScript 陣列處理方法 [filter(), find(), forEach(), map(), every(), some(), reduce()]
JavaScript Array forEach()

次回

預計進入 DOM


上一篇
JavaScript Day10 - 函式
下一篇
JavaScript Day12 - DOM(1)
系列文
JavaScript 筆記 2 版31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言