JavaScript 数组所有遍历数组方法

通用（for（i=0；i<length;i++））


for (var index = 0; index < myArray.length; index++) {
  console.log(myArray[index]);
}


map遍历
 

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

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

 

 

ES5（forEach、for-in）


myArray.forEach(function (value) {
console.log(value);
});  //缺点：你不能使用break语句中断循环，也不能使用return语句返回到外层函数。


for-in循环
for (var index in myArray) { // 千万别这样做
  console.log(myArray[index]);
}


这绝对是一个糟糕的选择
在这段代码中，赋给index的值不是实际的数字，而是字符串“0”、“1”、“2”，此时很可能在无意之间进行字符串算数计算，例如：“2” + 1 == “21”，这给编码过程带来极大的不便。
作用于数组的for-in循环体除了遍历数组元素外，还会遍历自定义属性。举个例子，如果你的数组中有一个可枚举属性myArray.name，循环将额外执行一次，遍历到名为“name”的索引。就连数组原型链上的属性都能被访问到。
最让人震惊的是，在某些情况下，这段代码可能按照随机顺序遍历数组元素。
简而言之，for-in是为普通对象设计的，你可以遍历得到字符串类型的键，因此不适用于数组遍历。


ES6（for-of）


这是最简洁、最直接的遍历数组元素的语法
这个方法避开了for-in循环的所有缺陷
与forEach()不同的是，它可以正确响应break、continue和return语句

 

ES6 （reduce）

reduce(从左到右 依此遍历，一般用来做加减乘除用算用的)

var a1 = [1, 2, 3];
var total = a1.reduce(function(first, second) { 
     return first + second; 
}，0);
console.log(total) // Prints 6

//注意 1、就是 return first+second 其实相当于  return first+=second； 也就是说每次的first 是上一次的和
    //2、就是function{}后面的参数，如果 有值 那么第一次加载的时候 first  = 0； second = 1；如果没有值 ， first = 1 ， second = 2；如果后面的参数是个字符串，那么就是会是字符串拼接、

filter 过滤

过滤 deposites 里面只保留 type 为 1 的元素