首頁 > web前端 > js教程 > JavaScript中map()和reduce()有什麼差別

JavaScript中map()和reduce()有什麼差別

不言
發布: 2019-01-10 09:14:43
原創
5181 人瀏覽過

map()和reduce()都是可以處理數組的方法,但它們的用途略有不同,最大的差異在於map()可以產生一些處理結果作為新數組,本篇文章我們就來看看詳細的內容。

JavaScript中map()和reduce()有什麼差別

例如,如果要建立一個新陣列使儲存在陣列中的數字翻倍,可以如下編寫。

var numbers = [1,2,3,4,5];
var result = numbers.map(function(num) {
  return num * 2;
})
console.log(result);
登入後複製

執行結果為

JavaScript中map()和reduce()有什麼差別

在此範例中,將對包含數值的陣列執行map()。

你可以看到在函數內將陣列的各元素進行2倍的return。

由此,執行結果中知道可以產生原來的數值為2倍的陣列。

嚴格地說,使用reduce()不可能做同樣的事情,但是如果你使用map(),你可以透過一個非常簡單的描述來有效地完成。

關於reduce()方法的使用大家可以參考:JavaScript中的reduce()如何使用

以上是JavaScript中map()和reduce()有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板