一看就会的数组遍历

遍历数组的方法太多了，还几乎都是常用的，这就很离谱

---

先搞一个数组出来

let arr = [
    {id: 0, name: '阿离' },
    {id: 1, name: '千姬' },
    {id: 2, name: '小缘' },
    {id: 3, name: '青灯' }
]

1. for 循环

for (let i = 0; i < arr.length; i++) {
    console.log(arr[i])
}
// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}

2. for of

for (i of arr) {
    console.log(i)
}
// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}

3. forEach

arr.forEach((value,index,arr) => {
    console.log(value)
});
// 参数
// value 必需,当前元素
// index 可选,当前元素的索引值
// arr   可选,当前元素所属的数组对象

// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}

4. map

arr.map((value,index,arr) => {
	console.log(value)
})
// 参数
// value 必需,当前元素
// index 可选,当前元素的索引值
// arr   可选,当前元素所属的数组对象

// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}

5. filter

arr.filter((value,index,arr) => {
	console.log(value)
})
// 参数
// value 必需,当前元素
// index 可选,当前元素的索引值
// arr   可选,当前元素所属的数组对象

// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}} ]

6. some

arr.some((value,index,arr) => {
	console.log(value)
})
// 参数
// value 必需,当前元素
// index 可选,当前元素的索引值
// arr   可选,当前元素所属的数组对象

// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}} ]

7. find

arr.find((value,index,arr) => {
	console.log(value)
})
// 参数
// value 必需,当前元素
// index 可选,当前元素的索引值
// arr   可选,当前元素所属的数组对象

// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}} ]

8. findIndex

arr.findIndex((value,index,arr) => {
	console.log(value)
})
// 参数
// value 必需,当前元素
// index 可选,当前元素的索引值
// arr   可选,当前元素所属的数组对象

// 输出
// {id: 0, name: "阿离"}
// {id: 1, name: "千姬"}
// {id: 2, name: "小缘"}
// {id: 3, name: "青灯"}} ]

还有一些方法也可以用来遍历数组，但是俺记不住了