for…in
循环对象的话出来的是key，数组的话 是数组的下标
var obj = {
name:'zhangsan',
age: 18
}
for(var item in obj){
console.log(item); // item是key name、age
console.log(obj[item]) // 这个是value zhangsan 、18
}
let arr = [{
name:1
},{
name:2
}]
for(var item in arr){
console.log(item); // 数组下标 0 1 ...
console.log(arr[item]) // 对应的值 {name: 1} ...
}
同时 for in 还会遍历出原型上的值
如上
Object.prototype.test = 'test';
在Object原型对象上添加test属性 用for in遍历时也会遍历出来
for…of
for…of 是ES6新引入的特性。修复了ES5引入的for…in的不足支持set().map()
for…of不能循环普通的对象，需要通过和OBject.Keys()搭配使用 大多数用来遍历数组
for…of forEach对比
for of 可以使用break.continue（重点)
for…of 循环的是（value）
let arr = [{
name:1
},{
name:2
},{
name:3
},]
for(var item of arr){
console.log(item); // item是值 {name: 1}
if(item.name == 1){
continue; // 跳出本次 继续进行下一次
break; //跳出整个循环
}
console.log(obj[item])
}
