遍历数组方法的集合来啦 (forEach,map,filter,find,every,some,indexOf.....)

131 阅读2分钟

1 .forEach方法遍历数组的每个元素

let arr = [1, 2, 3, 4, 5]
      // forEach方法遍历数组的每个元素
      arr.forEach((item) => {
        console.log(item) //arr的每个元素,1 2 3 4 5
      })

2 .find方法,遍历数组,当return的结果为true时终止遍历,并返回第一个符合条件数组元素

 //find方法,遍历数组,当return的结果为true时终止遍历,并返回第一个符合条件数组元素
      let arr2 = arr.find((item) => item == 4)
      console.log(arr2) // 4

3 .findIndex方法,遍历数组,当teturn的结果为true时终止遍历,并返回第一个符合条件数组元素的索引

 //findIndex方法,遍历数组,当teturn的结果为true时终止遍历,并返回第一个符合条件数组元素的索引
      let arr3 = arr.findIndex((item) => item == 3)
      console.log(arr3)

4. some方法,返回一个布尔值,数组中有一个符合条件就返回true,否则false

  //some方法,返回一个布尔值,数组中有一个符合条件就返回true,否则false
      let arr4 = arr.some((item) => item == 1)
      console.log(arr4)

5. every方法,返回一个布尔值,数组中所有元素符合条件才返回true,否则false


      //every方法,返回一个布尔值,数组中所有元素符合条件才返回true,否则false
      let arr5 = arr.every((item) => item == 4)
      console.log(arr5)

6. map方法,遍历每个数组元素,返回对应原始数组元素处理过的新数组


      //map方法,遍历每个数组元素,返回对应原始数组元素处理过的新数组
      let arr6 = arr.map((item) => item * 2)
      console.log(arr6)

7. includes方法, 判断数组是否包含某个元素,包含就返回true

      //includes方法, 判断数组是否包含某个元素,包含就返回true
      let arr7 = arr.includes(4)
      console.log(arr7)

8. indexOf方法,判断数组中有没某个元素,有就返回元素的索引

      //indexOf方法,判断数组中有没某个元素,有就返回元素的索引
      let arr8 = arr.indexOf(4)
      console.log(arr8)

9. filter方法,遍历数组,返回一个所以符合条件元素的新数组 (最常用)

      //filter方法,遍历数组,返回一个所以符合条件元素的新数组
      let arr1 = arr.filter((item) => {
        return item == 1
      })
      console.log(arr1) // 数组 [1]