常用的数组遍历函数

数组循环参数的两种写法:

1. 
array.forEach(function(value, index) {
   
});

2. 箭头函数
array.forEach((value, index) => {
   
});

• filter() 过滤原数组,返回新数组
  创建一个新的数组，新数组的元素是符合指定条件的元素，不会检测空数组，不会改变原来的数组。
  🌰:

        const arr = [0,1,2,3,4,5,6]
        const array2 = arr.filter(item=>item>2)
        console.log(array2,"XXXXXXXXX")
       /*   打印：[3, 4, 5, 6]   */

---

• map() 便利数组每个元素, 返回新数组
  返回一个新的数组，新数组的元素是原数组的元素按照顺序依次处理后的值。
  🌰:

 const arr = [0,1,2,3,4,5,6]
 const array2 = arr.map(item=>item + 2)
 /*   打印：[2, 3, 4, 5, 6, 7, 8]  */

若是对象数组,可以用于获取对应对象数组的属性数组
例如:
let listData = [{name: '小明',age: 18},{name: '小黄',age:  26}]
let array = listData.map(item=>item.age)
/* 打印:  [18,26] */          

---

• foreach() 便利数组,无返回函数
  循环，调用数组的每个元素，传递给回调函数，不可以结束循环。
  🌰:

将数组的数据循环添加进一个新数组
            const arr = [0,1,2,3,4,5,6]
            const array2 = []
            arr.forEach(item=>array2.push(item))
    /*   打印：array2:   [0,1,2,3,4,5,6] */
    /*   打印：arr:  [0,1,2,3,4,5,6]  */

---

• find() 数组筛选,返回符合要求的第一个数组元素
  find(方法.jpg

若是数组对象,会筛选并获取到具体的对象:
let listData = [{name: '小明',age: 18},{name: '小黄',age:  26}]
let array = listData.find(item=>res.age > 18)
/* 打印:  {name: '小黄',age:  26} */    

---

• findIndex() 返回符合条件元素在数组里的第一个元素位置，没有符合条件的元素返回-1
  返回符合函数条件的数组元素下标，数组中的每个元素都调用一次函数执行：空数组不会执行。
  返回符合条件元素在数组里的第一个元素位置，没有符合条件的元素返回-1。
  findIndex()方法.jpg

---

• some()
  检测数组中的元素是否满足指定条件，依次执行数组的每个元素：
  如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
  如果没有满足条件的元素，则返回false。

some()方法.jpg

---

• every() 数组筛选,返回符合要求的第一个数组元素
  使用指定函数检测数组中的所有元素是否都满足条件，空数组不会执行。
  如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
  如果所有元素都满足条件，则返回 true。
  every()方法.jpg

---

• concat() 两个数组,合并成一个新数组
  合并数组。合并数组和参数，合并数组和数组
  🌰:

        1. 数组直接和参数合并
             const arr = [0,1,2]
             arr.concat(3,4)
           /*   打印:  [0, 1, 2, 3, 4] */

        2. 两个数组合并
              const arr2 = [5,6,7]
              arr.concat(arr2)
           /*   打印：[0, 1, 2, 5, 6, 7] */

         3. 多个数组合并
              const arr3 = [8,9]
              arr3.concat(arr2,arr)
          /*   打印：[8, 9, 5, 6, 7, 0, 1, 2] */

---

• join() 数组转字符串, split 把字符串分割成数组

  把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
  🌰:

               const arr = [0,1,2]
                arr.join(',')
            /*   打印：”0,1,2”  */

---

• shift() 删除数组的第一个元素
  shift()方法.jpg

---

• unshift() 在数组的开头增加元素，可以一次增加多个元素
  unshift(方法.jpg

---

• splice() ** 删除、插入、替换元素。**
  语法：this.arr.splice(index, num, value)
  splice()方法.jpg

---

• sort() 对数组进行排序
  sort()方法.jpg

---

• reverse() 将数组进行反转
  lreverse(方法.jpg

---

• slice() 从数组中返回指定的元素
  语法：arr.slice(start,end)，即：要返回元素的起始和结束位置。start 必需: 规定从何处开始选取。如果是负数，那么就从数组尾部开始计算位置。-1 指最后一个元素。
  end 可选: 规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
  slice(方法.jpg

---