美文网首页程序员你想要的都有
js数组常用的快捷处理方式

js数组常用的快捷处理方式

作者: ExecutorofZero | 来源:发表于2019-12-04 18:56 被阅读0次
    // 数组遍历(current  意思是当前的)
    数组名.forEach(function(value,index,currentArray){
    console.log(value);
    });
    
    // 过滤出符合筛选条件的元素,返回一个新的数组
    数组名.filter(function(value,index,currentArray){
     return 条件;    // 如:return value >= 1000;
    });
    
    // 验证数组中的每一个元素是否都符合指定的条件,返回布尔值
    数组名.every(function(value,index,currentArray){
    return 条件;    // 如:return value >= 1000;
    });
    
    // 验证数组中的元素,是否有符合指定条件的,返回布尔值
    数组名.some(function(value,index,currentArray){
    return 条件;  // 如:return value >= 1000;
    });
    
    // 遍历数组中的每一个元素,更改后存入一个新的数组中,返回一个新的数组
    数组名.map(function(value,index,currentArray){
    return 操作;   // 如:return value * 2;
    });
    
    
    // findIndex遍历数组中的每一个元素,找到第1个满足该条件的元素索引
    数组名.findIndex(function(n){
    return 条件;  // 如:return n % 2 == 0
    })
    
    /**
    * find
    * 作用:遍历数组,找到符合条件的元素
    * 注意:找到第1个满足条件的元素并停止遍历立即返回
    */
    var items = [
    { id: 1, title: '吃饭1' },
    { id: 2, title: '吃饭2' },
    { id: 3, title: '吃饭3' },
    { id: 4, title: '吃饭4' }
    ]
    var ret = items.find((item, index) => {
    return item.id === 2
    })
    console.log(ret)
    

    今天给大家的干货就这么一丢丢了,希望大家能够继续支持me!!!

    相关文章

      网友评论

        本文标题:js数组常用的快捷处理方式

        本文链接:https://www.haomeiwen.com/subject/xcnlgctx.html