map,forEach,some,every,filter条件过滤的区别

js的arrary对象有map、some、forEach、every、filter等方法都能对数组的每个对象进行处理，但是他们之间的功能又各有区别，来我们一起看看吧。

map可以指定函数处理数组的每个元素，不改变原数组并返回处理后的数组。

let arr = [1,2,3,4,5] 
    let newarr =arr.map(item=>{
        arr.push(10)
        return item*2
    }) 
    console.log(arr)  //[1, 2, 3, 4, 5,10,10,10,10,10]
    console.log(newarr) //[2, 4, 6, 8, 10]

当遍历数组时，内部改变原数组的时候，不会改变新的数组，就是说新添加的元素不会进入循环里面。
map() 方法会将数组中元素依次传入方法中，并将方法的返回结果组成新数组返回。
传入的function可以有自己的三个形参，currentValue, index,arr分别代表当前元素，元素索引，元素所属数组对象；其中currentValue是必须的。

注意：map不会改变原数组，map不会检查空数组

forEach不会生成新的数组，也无法通过return或者break这样的语句跳出本次循环。

    let arr = [1,2,3,4,5] 
    let newarr =arr.forEach(item=>{
        arr.push(10)
        return item*2
    }) 
    console.log(arr)  //[1, 2, 3, 4, 5,10,10,10,10,10]
    console.log(newarr) //undefined

  let arr = [1,2,3,4,5] 
    let newarr =arr.forEach(item=>{
        if(item == 2){
          return 
        }
    }) 

上面的代码，可以断点运行下，即使等于2的时候，return掉了，但是3,4,5还是会继续进入循环。

some用于检查数组中的元素是否满足指定的条件(函数提供),不会改变原数组，some不会检查空数组

 let arr = [1,2,3,4,5] 
    let newArr=arr.some(item=>{
        return item>1
    })
    console.log(arr) //[1, 2, 3, 4, 5]
    console.log(newArr) //true

some方法会依次执行数组的每个元素；
如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测
如果没有满足条件的元素，则返回false
function形参和map一样

every：用于检测数组所有元素是否都符合指定条件（通过函数提供）,不会改变原数组不会检查空数组

 let arr = [1,2,3,4,5] 
    let newArr=arr.every(item=>{
        return item>1
    })
    console.log(arr) //[1, 2, 3, 4, 5]
    console.log(newArr) //false

every和some正好相反：

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。
function形参同上

filter：不会改变原数组，返回符合条件的新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素

    let arr = [1,2,3,4,5] 
    let newArr=arr.filter(item=>{
        return item>1
    })
    console.log(arr) //[1, 2, 3, 4, 5]
    console.log(newArr)  //[2, 3, 4, 5]