js遍历数组

1：for循环

var arr = ['a','b','c','d'];
for(let i = 0;i < arr.length;i++){
	console.log(arr[i])
}

2：for of循环
可以正确响应break、continue和return语句

var arr = ['a','b','c','d'];
for(let value of arr){
	console.log(value)
}

3：forEach循环：
遍历数组中的每一项，没有返回值，对原数组没有影响。

var arr = ['a','b','c','d'];
arr.forEach(function(value){
	console.log(value)
});

4：for in循环

var arr = ['a','b','c','d'];
for(let i in arr){
	console.log(arr[i])
}

5：map()：返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

var arr = [1,2,3,4];
var arr1 = arr.map(function(value){
	return value * 2;
});
console.log(arr1);

6：filter()：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

var arr = [1,2,3,4];
var arr1 = arr.filter(function(value){
	if(value > 2){
    	return value;
    }
});
console.log(arr1);//[3, 4]

7：every()：使用指定函数检测数组中的所有元素，如果有一个元素不符合条件，则整个表达式返回false，否则返回true。

var arr = [1,2,3,4];
var bool = arr.every(function(value){
	return value > 1;
});
console.log(bool);//false

8：some()：会检测数组中的所有成员，如果有一条元素满足条件，则返回true，否则返回false。

var arr = [1,2,3,4];
var bool = arr.some(function(value){
	return value > 3;
});
console.log(bool);//true

9：reduce()：

语法：
arr.reduce(function(prev,cur,index,arr){

},init);
回调函数参数解释：
arr：原数组
prev：上一次调用回调时的返回值，或者为初始值init
cur：当前正在处理的元素
index：当前正在处理的元素的索引
init：初始值

案例一：求数组项之和：
var arr = [1,2,3,4];
var sum = arr.reduce(function(prev,cur){
	return prev + cur;
},0);
由于传入了初始值0，所以开始时prev的值为0，cur的值为数组的第一项1，相加之后返回值为1，作为下一轮prev的值，此时的cur为数组的第二项2，以此类推。
console.log(sum);//10

案例二：求数组最大值：
var arr = [1,2,3,4];
var max = arr.reduce(function(prev,cur){
	return Math.max(prev,cur);
});
console.log(max);

10：find()：返回数组中符合条件的第一个元素。否则返回undefined。

var arr = [1,2,3,4];
var v = arr.find(function(value){
	return value > 2;
});
console.log(v);//3

11：findIndex()：返回数组中符合条件的第一个元素的索引，否则返回-1。

12：keys()：返回数组中所有的key组成的一个可迭代的对象，需要用for of来循环

var arr = ['a','b','c','d'];
for(let value of arr.keys()){
	console.log(value);
}

13：values()：返回数组中所有value组成的一个可迭代的对象，需要用for of来循环

var arr = ['a','b','c','d'];
for(let value of arr.values()){
	console.log(value)
}