2021 iThome 鐵人賽

DAY 0

0

自我挑戰組

從零開始學習 JS 的連續-30 Days-系列第 14 篇

[Day 14]從零開始學習 JS 的連續-30 Days---forEach迴圈

13th鐵人賽

2021-09-29 19:37:56

861 瀏覽

分享至

陣列 forEach 資料處理方法

語法:宣告陣列的名稱+( . )+forEach( + function( 陣列的值，陣列的排序，整個陣列 ){ +執行動作 })。

如圖所示使用forEach迴圈可以抓出多筆資料，10為第一筆資料的值，0為第一筆資料位置，中括號為整個陣列。(item、num、array為參數名稱可以更改)。

陣列數字應用累加方式

執行程式順序很重要，變數作用域會引響結果。

如圖所示let total 在函式'裡面'，每次回圈會回復原始值在執行
動作，所以無法正確累加。

如圖所示let total 在函式'外面'，每次回圈才可以把值正常累加。

搭配 if，篩選出陣列資料

1.使用 if 判斷出想要的資料並且用 push 語法將資料回傳。

如圖所示使用if判斷3的倍數，並且將值回傳到新的陣列。

今天就到這結束了。

[Day 13]從零開始學習 JS 的連續-30 Days---Event 事件

[Day 15]從零開始學習 JS 的連續-30 Days---forEach 的綜合應用

系列文

從零開始學習 JS 的連續-30 Days- 共 30 篇

目錄

RSS系列文訂閱系列文

1 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1048 組

團體組數

40 組

累計文章數

14173 篇

最後報名日

9/15

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 16th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react 資訊安全

IT邦幫忙