zoukankan      html  css  js  c++  java
  • es6里面的arr方法

    es6里面,关于arr的遍历以及查找,新增了很多的方法,对于不同的应用场景,运用合适的方法,可以达到事半功倍的效果;

    一, arr.find();用于查找到符合条件的第一个成员,如果没有查找到的话,则返回undefined;

    var arr = [1,2,3,-4,-2,9];
    arr.find(item => item < 0) ;   ---- -4
    arr.find(item => item > 10);  -----undefined

    二, arr.findIndex();用于查找符合某个条件的第一个成员的下标,如果没有查找到的话,则返回-1,功能和indexOf类似;

    var arr = [1,2,7,5,3];
    arr.findIndex(item => item >4);   ----2
    arr.findIndex(item => item < 0); ----- -1

    三,arr.includes(); 表示数组是否包含给定的值,返回值为布尔值,但是后面不能接函数

    var arr = [1,2,3,4,5];
    arr.includes(2)     ---- true
    arr.includes(10)   ---- false

    四,arr.some();数组中的元素有一个值符合条件,就会返回true,否则的话则返回false

    var arr = [1,2,3,4,5];
    arr.some(item => item < 3);   ---- true
    arr.some(item => item > 6);   -----false

    (注:arr.some和arr.inclues的方法类似,返回的都是布尔值,判断数组的项是否符合条件;但是二者还是有细微的区别,includes一般用于表示具体的值,some后面可以接函数)

    五,arr.every();用于检测数组中的所有元素是否符合条件,如果有一个不满足就返回false,当所有都满足的时候则返回true

    var arr = [1,2,3,4,5,6];
    arr.every(item => item > 3)   ---- false
    arr.every(item => item < 7)   -----true

    六,arr.filter();返回满足条件的新数组;

    var arr = [1,2,3,4,5];
    arr.filter(item => item > 2);    ----  [3,4,5]

    七, arr.map(); 可以用于数组的循环,返回一个操作一些列条件的新数组,并且必须要有return返回值

    var arr = [{name: 'js', age: 18}, {name: 'web', age: 20}, {name: 'css', age: 30}];
    arr.map(item => item.name);    ------ ['js', 'web', 'css'];
  • 相关阅读:
    使用MySQL Workbench建立数据库,建立新的表,向表中添加数据
    IntelliJ IDEA15开发时设置中java complier 的问题
    IntelliJ 15 unmapped spring configuration files found
    Redis 的性能
    SSH框架
    jquery插件模版
    cygwin,在win中开发linux程序
    MinGw与CyGwin
    升级到tomcat8时Artifact SpringMvcDemo:war exploded: Server is not connected. Deploy is not
    Socket连接超时(转)
  • 原文地址:https://www.cnblogs.com/cn-andy/p/10174314.html
Copyright © 2011-2022 走看看