js基础：数组方法大集合

    // pop： 删除最后一个元素，并且返回该元素
    // shif: 删除第一个元素，并返回第一个元素的值
    // push: 在数组最后添加一个或多个元素，并返回新数组的长度
    // unshift: 在数组开头添加一个或多个元素，并返回新数组的长度
    // splice:在数组中任意删除或任意添加元素，会改变原数组的长度  参数：（从哪删，删几个，添加的元素）返回的是删除的数组，原数组是变成了删除后的

---

一、forEach: 单纯的遍历，类似于 for循环 

      const arr = [1,2,3,4,5]
      arr.forEach(item=>console.log(item)) 

---

二、map:遍历数组，并且把每次的返回值都储存到一个新的数组，最后将新数组返回

    const arr = [1,2,3,4,5]
    const res = arr.map(item=>item + 1)
    console.log(res) //[2, 3, 4, 5, 6]

---

三、filter：遍历数组，并且返回为true的这项到新数组，过滤掉为false的，最后将新数组返回

     const arr = [1,2,3,4,5] 
     const res = arr.filter(item=>item>3)
     console.log(res) //[4,5]

---

四、reduce：遍历数组，需要在函数中return本次累加的结果，给下一次使用不断累加，最后返回累加的结果

const arr = [1,2,3,4,5] 
const res = arr.reduce((sum,item,index)=>sum + item) //sum 初始值为0 
console.log(res) // 15

---

五、every：遍历数组，条件必须每一项都为true，结果才为true，只要有一项为false，则结果为false，返回布尔值

const arr = [1,2,3,4,5]
const res = arr.every(item => item > 0)
console.log(res) //true
// ``````````````````````````````    
const res2 = arr.every(item => item > 2)
console.log(res2) //false

---

六、some：遍历数组，数组中只要有一项符合条件，结果返回true，返回布尔值

const arr = [1,2,3,4,5]
const res = arr.some(item => item > 3)
console.log(res) //true

---

七、Array.form:是Array构造函数的一个静态方法（即不需要创建实例，可以直接通过构造函数调用的方法）。作用：将伪数组转为真数组，返回一个新的数组

---

八、find:遍历数组，找到数组中第一个满足条件的项，且返回该项。（1.如果找到了就不会往后找了，会将找到的项返回  2.如果没有找到将会返回 underfined）

const arr = [1,2,3,4,5]
const res = arr.find(item => item > 2)
console.log(res) // 3
const res2 = arr.find(item => item > 5)
console.log(res2) // undefined

---

九、findIndex：遍历数组，找到数组中第一个满足条件的项的下标（1.如果找到了，就返回对应的下标，后面不找了 2.如果没找到就返回 -1）

  const arr = [1,2,3,4,5]
  const res =  arr.findIndex(item => item > 3)
  console.log(res) //3
  const res2 = arr.findIndex(item => item > 5)
  console.log(res2) // -1

---

十、join：拼接 ，数组拼接为字符串 

  const arr = [1,2,3,4,5]
  arr.join('') //以什么形式拼接
  // 1.以空字符串拼接
  console.log(arr.join('')) // 12345
    // 2.以 - 拼接
  console.log(arr.join('-')) // 1-2-3-4-5

与之相反的 ：split切割 ，将字符串切割 为数组 

  const str = '通向往生'
  const temp = str.split('')
  // 1.以空字符串切割成 数组
  console.log(temp) //  ['通', '向', '往', '生']
  // 2.以  向 切割成数组
  const temp2 = str.split('向')
  console.log(temp2) //  ['通', '往生']

---

十一、slice：截取 （begin,end）从数组中截取一部分内容到新数组中，原数组不变，包含 begin 不包含 end （默认从0开始，end默认到结束，可以是负数）

  const arr = [1,2,3,4,5]
  console.log(arr.slice(1)) // [2, 3, 4, 5]
  console.log(arr.slice(2,3)) // [3]
  console.log(arr.slice(1,4)) // [2, 3, 4]
  console.log(arr.slice(-1)) // [5]
  console.log(arr.slice(1,-2)) //[2, 3]

---

十二、indexOf:获取到某个元素在数组中第一次出现的索引，如果没有 则返回 -1。

  const arr = [1,2,3,4,5]
  const res = arr.indexOf(3)
  console.log(res)  // 2
  const res2 = arr.indexOf(6)
  console.log(res2) // -1

---

十三、reverse ：翻转一个数组

    const arr = [1,2,3,4,5]
    arr.reverse()
    console.log(arr) //[5, 4, 3, 2, 1]

---

十四、sort ：数组的排序

 const arr = [5,3,1,4,2] 
 console.log(arr.sort((a,b)=>a-b)) // [1, 2, 3, 4, 5]
 console.log(arr.sort((a,b)=>b-a)) // [5, 4, 3, 2, 1]

MDN => sort 具体介绍

---

十五、includes:判断数组是否包含某个元素 ，包含返回 true ，不包含返回false 

const arr = [1,2,3,4,5] 
console.log(arr.includes(2))  //true
console.log(arr.includes(6))  //false

---

十六、concat：合并对个数组，es6之后可以不用了，因为es6 新增了 扩展运算符  ...  =>  [...arr , ...arr1]

---

只想起这么点了，如果还有多多指教，本人小白一个。QAQ

如上述有错误，敬请帮忙指出 ，一起加油进步👀👀👀👀