js数组遍历方法

1.filter()

filter()方法会返回一个新的数组，并且应该传递一个函数作为参数，它会遍历数组中的每一项，满足函数返回值条件的某项会被返回为一个新的数组。

<script>
    const arr = [1,2,3,4,5,6]
    const newArr = arr.filter(it=>it<4)
    //上面的代码完整写法如下
    /*const newArr = arr.filter(it=>{
            if(it<4) return true
    })*/
    console.log(newArr); // [1,2,3]
</script>

2.every()

个人理解：every()方法返回一个布尔值，应该传递一个函数作为参数，遍历数组的每一项，当所有项都满足函数返回值的条件时，返回ture，否则返回false。

<script>
   const arr = [1,2,3,4,5,6]
   const res1 = arr.every(it=>it<6)
   const res2 = arr.every(it=>it<7)
 
   //上面的代码完整写法如下
   /*const res1 = arr.every(it=>{
        //如果每一项都小于6，返回true
        if(it<6) return true
   })
   const res2 = arr.every(it=>{
        //如果每一项都小于7.返回true
        if(it<7) return true
   })*/
   console.log(res1); // false
   console.log(res2); // true
</script>

3.some()

some()方法与every()方法可以说是相反的两个，some()方法指，当数组中只要有一项（或者多于一项）满足函数返回值的判断条件，就会返回ture，所有都不满足才会返回false。

<script>
   const arr = [1,2,3,4,5,6]
   const res1 = arr.some(it=>it<2)
   const res2 = arr.some(it=>it<0)
 
   //上面的完整写法如下
   /*const res1 = arr.some(it=>{
        //如果有满足小于2的返回true
        if(it<2) return true
   })
   const res2 = arr.some(it=>{
        if(it<0) return true
   })*/
   console.log(res1); // true
   console.log(res2); // false
</script>

4.map()

map()方法会返回一个新数组，其参数是一个函数，数组的每一项都去调用一下参数函数的内容，然后作为新的返回值返回，组成一个新的数组。

<script>
    const arr = [1,2,3]
    const newArr = arr.map(it=>it*2)
    //上面的完整写法  
    /*const newArr1 = arr.map(it=>{
        return it*2
    })*/
    console.log(newArr1); //[2,4,6]
 
    const newArr2 = arr.map(it=>{
        return {
           a:it
        }
    })
    console.log(newArr2); //[{a:1},{a:2},{a:3}]
</script>