每次遍历数据我都用for循环基本都够日常需求了，但是js其实还提供了很多针对遍历对象和数组的。
为了方便理解这里事先创建一些例子，提供给遍历对象时使用：
//继承 ,只要是声明了对象或者数组都能调用window.Object.prototype里面的继承过来的属性和方法
window.Object.prototype.userProp = 'userProp11';
window.Object.prototype.getUserProp = function() {
return window.Object.prototype.userProp;
};
//需要遍历的对象
var obj = {
name: 'percy',
age: 21,
[Symbol('symbol 属性')]: 'symbolProp',
unEnumerable: '我是一个不可枚举属性',
skills: ['html', 'css', 'js'],
getSkills: function() {
return this.skills;
}
};
//遍历obj对象时，忽略unEnumerable属性
window.Object.defineProperty(obj, 'unEnumerable', {
enumerable: false
});
对象遍历
//推荐遍历1：会忽略掉 Symbol类型属性 和 不允许枚举的unEnumerable属性
for (var key in obj) {
console.log(key); //name、age、skills、getSkills、userProp、getUserProp
console.log(obj[key]); // right style
}
//遍历2：遍历对象里面的属性名 或者 数组的索引，集合起来并返回一个数组 Object.keys(obj); //["name", "age", "skills", "getSkills"] 不包括Symbol类型和继承过来的userProp和getUserProp
//遍历3：不含 Symbol 类型的属性，不包含继承属性，但是包括不可枚举属性 Object.getOwnPropertyNames(obj); // ["name", "age", "unEnumerable", "skills", "getSkills"]
//遍历4：包含对象自身的所有 Symbol 类型的属性（不包括继承的属性） Object.getOwnPropertySymbols(obj); // [Symbol(symbol 属性)]
//遍历5：包含 Symbol 类型的属性，还有不可枚举的属性，但是不包括继承的属性 Reflect.ownKeys(obj); // ["name", "age", "unEnumerable", "skills", "getSkills", Symbol(symbol 属性)]
//判断某个属性是不是某个对象自身的属性，兼容ie7 (不包括继承) Object.prototype.hasOwnProperty.call(obj,'userProp') //返回布尔值
//首先遍历所有属性名为数值的属性，按照数字排序
//其次遍历所有属性名为字符串的属性，按照生成时间排序
//最后遍历所有属性名为Symbol值的属性，按照生成时间排序
// (多使用console.log()打印出来看看)
数组遍历
//遍历1
var arr=[2,4,6];
for(var x of arr){
console.log(x); //2,4,6
}
//遍历2
// 1,会修改原来数组
// 2,如果数组在迭代时被修改了，则按照索引继续遍历修改后的数组
var words = ["one", "two", "three", "four"];
words.forEach(function(currentValue, index, array) {
console.log(currentValue); //"one", "two", "four"
if (currentValue === "two") {
words.shift(); //数组被修改后按照修改后的数组遍历
}
});
console.log(words); //["two", "three", "four"];
//遍历3
//1,返回一个新数组，不会修改原来数组
var arr=[2,4,6];
var new_arry=arr.map(function (currentValue,index,array) {
return currentValue+1;
});
console.log(new_arry); //[3, 5, 7]
还有更多数组的遍历：(怎么用自己去查吧)
Array.prototype.every() filter() find() findIndex() some() reduce() reduceRight()
https://mp.weixin.qq.com/s/C-QEvoBc11gS-J3Kllgbyg
