reduce的妙用
語法
reduce是陣列的一個高階函式 說白了就是一個迴圈 只不過這個迴圈有在特定的場景下用的會比較方便些 這個特定環境就是累x 累x指的是累加 累乘 累除
- 舉例:
arr=[1,2,3,4]
const sum=arr.reduce((pre,cru)=>{return pre+cur},0)
具體語法我不再贅述 可以看看這個作為參考
妙用
- 場景:有一個物件陣列 每個物件有一個標識身份的id 當我們每次想取出某個id項的時候 正常情況下我們會遍歷這個陣列 然後取出 但是每次想要取出的時候都需要遍歷一遍 比較麻煩 解決思路是格式化這個物件陣列 把id作為一個新物件的屬性名稱 這樣每次取這個資料的時候只需要使用物件.屬性的方式就能實現 如:
[{id:56,name:'cmb'},{id:49,name:'zzc'},{id:006,name:'zym'}].reduce((j,k)=>{
j[k.id]=k
return j
},{})
經過這麼處理後 得到的結果是這樣的:
這樣的結果就是原來需要每次遍歷 對比id號才能取到對應的項 現在把這個id項作為一個物件的屬性 值變成就是原來的資料 之後再想要取這個資料只需要通過.屬性名即可
相關文章
- Javascript中陣列方法reduce的妙用之處JavaScript陣列
- ActionChains 的妙用AI
- Array的reduce方法
- JavaScript reduce()的使用JavaScript
- Go channel 的妙用Go
- JavaScript reduce()JavaScript
- 二分的妙用
- html <a>標籤的妙用HTML
- Linux:“awk”命令的妙用Linux
- 妙用ConstraintLayout的Circular positioningAI
- IntegerCache的妙用和陷阱
- MacBook上的touchid妙用Mac
- js中的Boolean 的妙用JSBoolean
- git 妙用Git
- setTimeout妙用
- Array.reduce()方法的使用
- js之reduce的最全用法JS
- Go sync.Once 的妙用Go
- C++中const的妙用C++
- typescript:never與keyof的妙用TypeScript
- KeyPath在Swift中的妙用Swift
- Javascript裝飾器的妙用JavaScript
- JavaScript map和reduce的區別JavaScript
- JS的reduce使用及操作方式JS
- reduce()方法的學習和整理
- CSS中content屬性的妙用CSS
- git rebase --onto 的奇妙用法Git
- vue-router中scrollBehavior的妙用Vue
- reduce() 多種用法
- JS中reduce方法JS
- 陣列reduce()方法陣列
- [20191216]route妙用.txt
- Flink狀態妙用
- hr標籤妙用
- 聊聊maven指定version區間的妙用Maven
- Uber三個雞肋漏洞的妙用
- 生僻標籤 fieldset 與 legend 的妙用
- 位運算子在JS中的妙用JS