1. map()
用幾個簡單的例子來看看它是如何工作的。
那如果用ES5語法的話如何去實現呢?
可以發現,是不是必須要創建一個空數組?而使用map()就不需要。那么 .map() 是怎么運行的呢?實際上對數組的每個元素都遍歷一次(就不用寫forEach自己去遍歷了),同時返回一個新的值。記住一點是返回的這個數據的長度和原始數組長度是一致的。值得注意的是:必須要加return,否則返回的是undefined。
2. filter()
假如你有一個數組,你只想要這個數組中的一些元素怎么辦呢?這時候 .filter() 就非常好用了。來看幾個例子吧
3. find()
find()這個方法看表面意思就知道是用來查找的。先看看在ES5的語法中怎么去實現查找一個對象里的元素的。
這樣做雖然達到了目的,但是當查找的這個元素不是最后一個的時候,它還會繼續往下遍歷查找。這樣做就會耗時好力。但是也有解決的方法,就是在查找語句后加上break
那通過ES6的語法find()怎么實現呢,來看下面幾個例子吧。
總結:find可以返回數組里面指定的一個值或者對象