Try   HackMD

ForEach 搭配箭頭函式寫法

ForEach 原本的寫法:

data = [10, 20, 30]; total = 0; data.forEach(function (item) { total += item; }); console.log(total);//60

箭頭函式的寫法:

  1. function 拿掉
  2. 並在參數後補上 => 符號,就完成囉
data = [10, 20, 30]; total = 0; data.forEach((item)=>{ total += item; }); console.log(total);//60

雖然一個參數的情況下可以不用在參數外加 () 小括號,但兩個參數以上就會報錯,所以還是建議不管有幾個參數都建議習慣性加上小括號唷!

箭頭函式再精簡:

把 {} 大括號拿掉後,縮成一行也是可以辦到的唷!
此種更精簡寫法適用於函式內程式碼不多時,程式碼較多的情況不建議使用。

data = [10, 20, 30]; total = 0; data.forEach((item)=> total += item ); console.log(total);//60

範例: findIndex 大括號自帶 return

大括號拿掉會自動加上 return

tags: JS

最後,親愛的大家!我需要你的大聲鼓勵 ٩(⚙ᴗ⚙)۶

如果覺得這篇文章對你有幫助,請給我個一個小小的鼓勵 ❤ 讓我知道,這會成為我寫下去很大的動力。
對了,我還有其他文章,如果有興趣也來逛逛吧!
(文章中如有覺得不妥之處、錯誤內容,也可以透過聯絡我,我會儘速改善,感謝!)

☞ YoJanni 珍妮 2021 正在設計轉職前端的路上,希望大家在學習的路上能夠一起成長
☞ 聯絡我