JavaScript reduce() 方法的使用詳解及技巧

reduce() 為數(shù)組中的每一個(gè)元素依次 執(zhí)行回調(diào)函數(shù),不包括數(shù)組中被刪除的元素或者未賦值的元素,接受四個(gè)參數(shù):初始值(或者上次回調(diào)函數(shù)的返回值),當(dāng)前元素值,當(dāng)前索引,調(diào)用reduce的數(shù)組.
語(yǔ)法

arr.reduce(callback,[initialValue])

callback (執(zhí)行數(shù)組中每個(gè)值的函數(shù),包含四個(gè)參數(shù))
previousValue (上一次調(diào)用回調(diào)返回的值,或者是提供的初始值(initialValue))
currentValue (數(shù)組中當(dāng)前被處理的元素)
index (當(dāng)前元素在數(shù)組中的索引)
array (調(diào)用 reduce 的數(shù)組)
initialValue (作為第一次調(diào)用 callback 的第一個(gè)參數(shù)。)

使用
數(shù)組元素累加

  var items = [10, 120, 1000];

// our reducer function
var reducer = function add(sumSoFar, item) { return sumSoFar + item; };

// do the job
var total = items.reduce(reducer, 0);

console.log(total); // 1130

得到一串字符串中每個(gè)字母出現(xiàn)的次數(shù)

var arrString = 'abcdaabc';

arrString.split('').reduce(function(res, cur) {
    res[cur] ? res[cur] ++ : res[cur] = 1
    return res;
}, {})

過(guò)濾對(duì)象中指定的屬性值

var only = function(obj, keys){
  obj = obj || {};
  if ('string' == typeof keys) keys = keys.split(/ +/);
  return keys.reduce(function(ret, key){
    if (null == obj[key]) return ret; //如果對(duì)象obj中存在key 字段,則賦值給ret 否則直接返回
    ret[key] = obj[key];
    return ret;
  }, {});
};

var a = {
    env : 'development',
    proxy : false,
    subdomainOffset : 2
}
only(a,['env','proxy'])   // {env:'development',proxy : false}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容