• ES6 数组方法 --- map() filter() find()的用法


    1. map() 

    用几个简单的例子来看看它是如何工作的。

     那如果用ES5语法的话如何去实现呢? 

     可以发现,是不是必须要创建一个空数组?而使用map()就不需要。那么 .map() 是怎么运行的呢?实际上对数组的每个元素都遍历一次(就不用写forEach自己去遍历了),同时返回一个新的值。记住一点是返回的这个数据的长度和原始数组长度是一致的。值得注意的是:必须要加return,否则返回的是undefined。

    2. filter()

    假如你有一个数组,你只想要这个数组中的一些元素怎么办呢?这时候 .filter() 就非常好用了。来看几个例子吧

     

     

     3. find()

    find()这个方法看表面意思就知道是用来查找的。先看看在ES5的语法中怎么去实现查找一个对象里的元素的。

     这样做虽然达到了目的,但是当查找的这个元素不是最后一个的时候,它还会继续往下遍历查找。这样做就会耗时好力。但是也有解决的方法,就是在查找语句后加上break

     那通过ES6的语法find()怎么实现呢,来看下面几个例子吧。

     

     总结:find可以返回数组里面指定的一个值或者对象

  • 相关阅读:
    最新 Cocos2d-x 3.2 开发环境搭建(windows环境下)
    Apache OFbiz entity engine源代码解读
    Android 标签控件
    标准红外遥控的接收程序-松瀚汇编源程序
    uva 10548
    char* 和char[]的差别
    依据波形的转折点文件,转换成波形文件
    spring 中StoredProcedure的使用方法
    JMS的样例
    JavaScript高级编程
  • 原文地址:https://www.cnblogs.com/lovekiku123/p/11822288.html
Copyright © 2020-2023  润新知