ES6 數組方法 --- map() filter() find()的用法


1. map() 

用幾個簡單的例子來看看它是如何工作的。

 

 

 

 

 

 

 

 那如果用ES5語法的話如何去實現呢? 

 

 

 可以發現,是不是必須要創建一個空數組?而使用map()就不需要。那么 .map() 是怎么運行的呢?實際上對數組的每個元素都遍歷一次(就不用寫forEach自己去遍歷了),同時返回一個新的值。記住一點是返回的這個數據的長度和原始數組長度是一致的。值得注意的是:必須要加return,否則返回的是undefined。

 

2. filter()

假如你有一個數組,你只想要這個數組中的一些元素怎么辦呢?這時候 .filter() 就非常好用了。來看幾個例子吧

 

 

 

 

 

 

 

 3. find()

find()這個方法看表面意思就知道是用來查找的。先看看在ES5的語法中怎么去實現查找一個對象里的元素的。

 

 

 這樣做雖然達到了目的,但是當查找的這個元素不是最后一個的時候,它還會繼續往下遍歷查找。這樣做就會耗時好力。但是也有解決的方法,就是在查找語句后加上break

 

 

 那通過ES6的語法find()怎么實現呢,來看下面幾個例子吧。

 

 

 

 

 

 

 總結:find可以返回數組里面指定的一個值或者對象

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM