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