摘要:為數(shù)組的每一項為數(shù)組的下標為原數(shù)組如果沒傳第一次為數(shù)組的第一項,之后為的值。為從數(shù)組的第二項開始的每一項不受影響下劃線轉駝峰數(shù)組扁平化二維轉一維數(shù)組轉對象路由數(shù)組轉對象
reduce
數(shù)組的方法,有兩個參數(shù) 回調函數(shù)callback 和 initialValue下劃線轉駝峰
回調有四個參數(shù) prev、next、index、arr
initialValue:可選參數(shù),作為callback第一次的prev;
如果傳了initialValue:
prev第一次為initialValue,之后為return的值。
next為數(shù)組的每一項
index為數(shù)組的下標
arr為原數(shù)組
如果沒傳initialValue:
prev第一次為數(shù)組的第一項,之后為return的值。
next為從數(shù)組的第二項開始的每一項
index、arr不受影響
let str = "my_name_is_sxq"; let result = str.split("").reduce((p,n,i,arr)=>{ if(n=="_"){ arr[i+1] = arr[i+1].toUpperCase() return p } return p + n })數(shù)組扁平化
// 二維轉一維 let arr = [1,2,3,[4,5],[6,7,[8,9]]]; let newarr = arr.reduce(function(prev,next){ return Array.isArray(next)?prev=prev.concat(...next):prev=prev.concat(next) },[])數(shù)組轉對象
// 路由數(shù)組轉對象 let arr = [{path:"/",component:function(){}},{path:"/user",component:function(){}}] let result = arr.reduce((memo,current)=>{ memo[current.path] = current.component return memo },{})
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://www.ezyhdfw.cn/yun/102627.html
摘要:數(shù)組方法中,相比等常用的迭代方法,常常被我們所忽略,今天一起來探究一下在我們實戰(zhàn)開發(fā)當中,能有哪些妙用之處,下面從語法開始介紹。按順序運行異步函數(shù)我們可以做的另一件事是按順序運行而不是并行。函數(shù)返回一個對象,可以使用方法添加回調函數(shù)。 showImg(https://segmentfault.com/img/remote/1460000019423051); Javascript數(shù)組方...
摘要:在上一篇如何給列表降維函數(shù)的妙用中,我們介紹了這個用法,還對函數(shù)做了擴展的學習。是的,函數(shù)做列表降維有奇效,但它性能堪憂,并不是最好的選擇。這正是函數(shù)出于一致性考慮,而舍棄掉的實現(xiàn)方案。 showImg(https://segmentfault.com/img/remote/1460000019004608?w=5184&h=2916); 本文原創(chuàng)并首發(fā)于公眾號【Python貓】,未經(jīng)...
摘要:我們在的第二個參數(shù)里面初始了回調函數(shù)第一個參數(shù)的類型和值,將字符串轉化為數(shù)組,那么迭代的結果將是一個對象,對象的每一項值就是字符串的字母。 因為用for循環(huán)被老大鄙視之后,這幾天都在偷偷摸摸的研究數(shù)組的那幾個迭代方法。使用下來,感覺確實妙用無窮,仿佛自己的逼格在無形中變得高大了一點點,哈哈,上一篇文章的簡單介紹確實有點糙,因此決定重新一些總結文章。 這篇文章就是專門總結reduce方法...
摘要:我們在的第二個參數(shù)里面初始了回調函數(shù)第一個參數(shù)的類型和值,將字符串轉化為數(shù)組,那么迭代的結果將是一個對象,對象的每一項值就是字符串的字母。 因為用for循環(huán)被老大鄙視之后,這幾天都在偷偷摸摸的研究數(shù)組的那幾個迭代方法。使用下來,感覺確實妙用無窮,仿佛自己的逼格在無形中變得高大了一點點,哈哈,上一篇文章的簡單介紹確實有點糙,因此決定重新一些總結文章。 這篇文章就是專門總結reduce方法...
閱讀 4008·2021-11-16 11:44
閱讀 3182·2021-11-12 10:36
閱讀 3438·2021-10-08 10:04
閱讀 1335·2021-09-03 10:29
閱讀 464·2019-08-30 13:50
閱讀 2717·2019-08-29 17:14
閱讀 1802·2019-08-29 15:32
閱讀 1147·2019-08-29 11:27