对象和数组的循环遍历

1. 对象的遍历

let obj = {'0' : 'a', '1' : 'b', '2' : 'c' };

• Object.keys()（输入object，返回array）

Object.keys(obj).forEach( key =>{
         console.log(key, obj[key]); // 0 a, 1 b, 2 c
});

• for ... in ...

for ( let i in obj ) {
    console.log(i, ":", obj[i]); // 0 a, 1 b, 2 c

}

2.  数组的遍历

var arr= [1,2,3,4];

• forEach（循环无法停止，会一直进行到底）：
• 与map方法很相似，也是对数组的所有成员依次执行参数函数。但是，forEach方法不返回值，只用来操作数据。这就是说，如果数组遍历的目的是为了得到返回值，那么使用map方法，否则使用forEach方法。
• forEach的用法与map方法一致，参数是一个函数，该函数同样接受三个参数：当前值、当前位置、整个数组

arr.forEach( function(val, index) {
   console.log(val, index); // 1 0, 2 1, 3 2, 4 3
});

arr.forEach((val, index) =>{
   console.log(val, index); // 1 0, 2 1, 3 2, 4 3

});

function log(element, index, array){
  console.log('['+index+']=' + element);//"[0]=2" "[1]=5" "[2]=9"
}
[2,5,9].forEach(log);

• 上面代码中，forEach遍历数组不是为了得到返回值，而是为了在屏幕输出内容，所以不必使用map方法
• forEach方法也可以接受第二个参数，绑定参数函数的this变量

var out = [];

[1, 2, 3].forEach(function(elem) {
  this.push(elem * elem);
}, out);

console.log(out); //[1,4,9]

• 上面代码中，空数组out是forEach方法的第二个参数，结果，回调函数内部的this关键字就指向out
• forEach方法无法中断执行，总是会将所有成员遍历完。如果希望符合某种条件时，就中断遍历，要使用for循环

var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
  if (arr[i] === 2) break;
  console.log(arr[i]); //1
}

• 上面代码中，执行到数组的第二个成员时，就会中断执行。forEach方法做不到这一点
• forEach方法也会跳过数组的空位

var log = function (n) {
  console.log(n + 1);
};

[1, undefined, 2].forEach(log); // 2 NaN 3
[1, null, 2].forEach(log); // 2 1 3
[1, , 2].forEach(log); // 2 3

• 上面代码中，forEach方法不会跳过undefined和null，但会跳过空位
• for

for ( let i = 0 ; i < arr.length; i++){
    console.log(arr[i]);  // 1 2 3 4
}

•  for .. in ...

for ( let i in arr ) {
     console.log(i, ":", arr[i]); // 0:1, 1:2, 2:3, 3:4
}

• for .. of ...

for ( let value of arr ) {
        console.log(value); // 1 2 3 4
}

• map 

let arr1 = arr. map((n) =>{
     return n+1
})
console.log(arr1); // [ 2, 3, 4, 5 ]

• filter

let arr2 = arr.filter(item =>{
     return (item === 1 )
})
console.log(arr2); //[1]