欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript之map reduce_動力節(jié)點Java學(xué)院整理

 更新時間:2017年06月29日 11:04:36   作者:liaoxuefeng  
這篇文章主要為大家詳細介紹了JavaScript之map reduce的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下

如果你讀過Google的那篇大名鼎鼎的論文“MapReduce: Simplified Data Processing on Large Clusters”,你就能大概明白map/reduce的概念。

map

舉例說明,比如我們有一個函數(shù)f(x)=x2,要把這個函數(shù)作用在一個數(shù)組[1, 2, 3, 4, 5, 6, 7, 8, 9]上,就可以用map實現(xiàn)如下:

由于map()方法定義在JavaScript的Array中,我們調(diào)用Arraymap()方法,傳入我們自己的函數(shù),就得到了一個新的Array作為結(jié)果:

function pow(x) {
  return x * x;
}

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]

map()傳入的參數(shù)是pow,即函數(shù)對象本身。
你可能會想,不需要map(),寫一個循環(huán),也可以計算出結(jié)果:

var f = function (x) {
  return x * x;
};

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = [];
for (var i=0; i<arr.length; i++) {
  result.push(f(arr[i]));
}

的確可以,但是,從上面的循環(huán)代碼,我們無法一眼看明白“把f(x)作用在Array的每一個元素并把結(jié)果生成一個新的Array”。
所以,map()作為高階函數(shù),事實上它把運算規(guī)則抽象了,因此,我們不但可以計算簡單的f(x)=x2,還可以計算任意復(fù)雜的函數(shù),比如,把Array的所有數(shù)字轉(zhuǎn)為字符串:

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']

只需要一行代碼。

reduce

再看reduce的用法。Array的reduce()把一個函數(shù)作用在這個Array[x1, x2, x3...]上,這個函數(shù)必須接收兩個參數(shù),reduce()把結(jié)果繼續(xù)和序列的下一個元素做累積計算,其效果就是:

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

比方說對一個Array求和,就可以用reduce實現(xiàn):

var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
  return x + y;
}); // 25

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS實現(xiàn)微信搖一搖原理解析

    JS實現(xiàn)微信搖一搖原理解析

    這篇文章主要為大家詳細介紹了JS微信搖一搖的實現(xiàn)原理,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • Object.keys()、Object.values()、Object.entries()用法總結(jié)

    Object.keys()、Object.values()、Object.entries()用法總結(jié)

    本文主要介紹了Object.keys()、Object.values()、Object.entries()用法總結(jié),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • JavaScript自定義日歷實現(xiàn)簽到功能

    JavaScript自定義日歷實現(xiàn)簽到功能

    這篇文章主要為大家詳細介紹了JavaScript自定義日歷實現(xiàn)簽到功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • 了解Javascript的模塊化開發(fā)

    了解Javascript的模塊化開發(fā)

    這篇文章主要介紹了了解Javascript的模塊化開發(fā),本文講解了為什么需要模塊化開發(fā),模塊化開發(fā)的形成原因等內(nèi)容,需要的朋友可以參考下
    2015-03-03
  • JavaScript中Map與reduce的應(yīng)用小結(jié)

    JavaScript中Map與reduce的應(yīng)用小結(jié)

    Map構(gòu)造函數(shù)創(chuàng)建一個新Map對象,它允許以鍵值對的形式存儲數(shù)據(jù),提供了一種更加靈活的數(shù)據(jù)結(jié)構(gòu),本文給大家介紹JavaScript中Map與reduce的應(yīng)用小結(jié),感興趣的朋友一起看看吧
    2024-06-06
  • 解決layui上傳文件提示上傳異常,實際文件已經(jīng)上傳成功的問題

    解決layui上傳文件提示上傳異常,實際文件已經(jīng)上傳成功的問題

    今天小編就為大家分享一篇解決layui上傳文件提示上傳異常,實際文件已經(jīng)上傳成功的問題。具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • javascript實現(xiàn)框架高度隨內(nèi)容改變的方法

    javascript實現(xiàn)框架高度隨內(nèi)容改變的方法

    這篇文章主要介紹了javascript實現(xiàn)框架高度隨內(nèi)容改變的方法,實例分析了通過父頁面及內(nèi)容改變框架高度兩種實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • js中獲取事件對象的方法小結(jié)

    js中獲取事件對象的方法小結(jié)

    事件對象 的獲取很簡單,很久前我們就知道IE中事件對象是作為全局對象( window.event )存在的,F(xiàn)irefox中則是做為句柄( handler )的第一個參數(shù)傳入內(nèi)的。所以一行代碼就可以搞定
    2011-03-03
  • JS表單提交驗證、input(type=number) 去三角 刷新驗證碼

    JS表單提交驗證、input(type=number) 去三角 刷新驗證碼

    在進行表單提交時,需要對輸入框和文本域等的value的合理性進行驗證,可以編寫form的onSubmit事件,下面給大家介紹js表單提交驗證input(type=number) 去三角 刷新驗證碼注意事項,一起看看吧
    2017-06-06
  • 微信小程序文章詳情頁跳轉(zhuǎn)案例詳解

    微信小程序文章詳情頁跳轉(zhuǎn)案例詳解

    這篇文章主要介紹了微信小程序文章詳情頁跳轉(zhuǎn)案例詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-07-07

最新評論