数组的方法

---

前言

提示：写一些最近使用的数组方法，后续有时间慢慢更新

---

提示：以下是本篇文章正文内容，下面案例仅供参考

数组的方法总结

1.map和forEach

区别：
map 在使用的时候可以接收到一个返回值，当回调函数中没有return的时候 会生成一个与原数组长度相同的 每个元素都是 undefined 的数组，另外map对于数组的操作相对干净一些，因此主要用于做映射，个人喜欢使用map遍历数组，

示例：

let arr =[1,2,3,4,5,6]
let foreachArr= arr.forEach((temp,i)=>{
  console.log(temp, i);//打印的是对应的元素和下标
})
console.log(foreachArr);//undefined forEach是没有返回值的
let mapArr = arr.map((temp, i) => {
  console.log(temp, i); //打印的是对应的元素和下标
});
console.log(mapArr);
//但是此时demapArr是一个有六个undefined的数组 [ undefined, undefined, undefined, undefined, undefined, undefined ]

2.splice 和slice

区别：
使用方式：
arr.splice(index, step) index 是数组的下标 step 是长度 截掉的长度就是从下标index开始向后的 step 位
会影响原数组 返回值是切掉的元素组成的数组

示例：

let arr =[1,2,3,4,5,6]
let splice = arr.splice(0, 2);//返回值是[1,2],arr:[3,4,5,6]
let slice  = arr.slice(0 , 2);//返回值是[1,2],arr:[1,2,3,4,5,6] slice不会改变原数组
所以在数据双向绑定的框架（比如vue）中如果只是想拿到数据中的数据而不改变原数组的内容的话就需要使用slice，
如果需改修改原数组的内容，就需要用到splice来截取数组，（一般在做商城类的购物车，以及管理类的管理平台页面需要用到splice来处理数组）