es6中filter和map的區(qū)別有哪些

今天小編給大家分享一下es6中filter和map的區(qū)別有哪些的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

es6中filter和map的區(qū)別：map方法返回的新數(shù)組是原數(shù)組的映射，新數(shù)組與原數(shù)組長度相同，數(shù)值不同；而filter方法返回的新數(shù)組是原數(shù)組過濾后的，新數(shù)組與原數(shù)組長度不同，數(shù)值不變。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中filter和map的區(qū)別是什么

map和filter參數(shù)完全相同

array.filter(function(currentValue,index,arr), thisValue)

• currentValue：數(shù)組元素；

• index：索引

• arr：原數(shù)組；

• thisValue：作為該執(zhí)行回調時使用，傳遞給函數(shù)，用作 “this” 的值

用途不同：

1、map方法返回的新數(shù)組是原數(shù)組的映射，何為映射？就是和原數(shù)組的長度相同，數(shù)值做相應處理。

2、filter方法返回的值是過濾原數(shù)組后的新數(shù)組，和原數(shù)組長度不同，數(shù)值不變。

示例如下：

filter：

語法：

arr.filter(function(val,index,arr){})

由此可得出：

filter會移除所有為假的數(shù)據(jù)，換句話說，也就是過濾，過濾出滿足條件的數(shù)據(jù)。

map：

語法：

arr.map(function(val,index,arr){})

用相同的代碼來實現(xiàn)，看看結果是什么

所以map一般適用于計算，可以返回計算結果。

但是當遇到條件判斷時，只會返回是否為ture或false。

以上就是“es6中filter和map的區(qū)別有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業(yè)資訊頻道。