为啥要放弃for循环???

作者: 这样就好_yang | 来源:发表于2019-08-28 10:33 被阅读0次

    一、filter() 过滤数组

    创建一个新的数组,新的数组中的元素是通过检查指定数组中符合条件的元素;
    注意:
    1. filter()不会对空数组进行检测;
    2. filter()不会改变源是数组;

    let arr1 = [
        { name: '橘子', price: '5', count: 20} ,
        { name: '香蕉', price: '10.5', count: 30} ,
        { name: '水蜜桃', price: '9', count: 15} ,
    ]
    const newArr = arr1.filter( item => {
        return item.count >= 10
    })
    console.log(newArr) 
    /* [
        {name: "橘子", price: "5", count: 20},
        {name: "水蜜桃", price: "15", count: 23}
        ]
        //filter()会帮我们返回数组中所有符合的元素
    

    二、find()用于找到第一个符合条件的成员

    它的参数是一个回调函数,所有成员都必须执行这个回调函数,直到找到第一个返回值为true的成员,然后返回该成员,否则返回undefined;
    当数组中的元素找到符合条件时,返回true,且后面的值不会在执行该回调函数。

    const arr = [34, 65, 87, 48, 99];
    const arrNew = arr.find(num => {
        return num >= 66;
    });
    console.log(arrNew); // 87
    /* 
     find()函数可以接收三个返回值,第一个是当前的值,第二个是当前值的位置(数组的下标),第三个值是原数组
     */
    

    三、 map返回一个新数组,数组中的元素为原始数组处理过的值;

    注意:
    map不会对空数组进行检测;
    map不会修改原是数组;

    const mapArr = [11,22,33,44,55,66];
    const newMapArr = mapArr.map( item => {
    return item / 11
    })
    console.log(newMapArr)[1,2,3,4,5,6]
    

    四、 forEach() 用于调用数组中的每一个元素;

    所有 forEach()方法可以拿到我们的数组中每一个值 , 也就是我们遍历数组了 ~

    const arr = [1, 2, 3, 4]
    arr.forEach(
      val =>{   
       console.log(val)
      }
    ) // 1  2  3  4
    

    区别
    filter()和find()的区别:
    相同点:
    1. 都不会对空数组进行检测;
    2. 都不会改变原数组;
    不同点:
    filter()会返回符合条件的所有值,并且创建一个新的数组,find()只找到符合条件的第一个值,返回true,否则返回undefined;

    相关文章

      网友评论

        本文标题:为啥要放弃for循环???

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