在JavaScript中遍歷數(shù)組通常是使用for循環(huán)邪蛔，自ES5發(fā)布后也可以使用forEach，另外在ES5具有遍歷數(shù)組功能的還有map闽铐、filter、some奶浦、every兄墅、reduce、reduceRight等澳叉，只不過他們的返回結(jié)果不一樣隙咸。但是使用forEach遍歷數(shù)組的話沐悦，使用break不能中斷循環(huán)，使用return也不能返回到外層函數(shù)五督。
因此另外有for-in循環(huán)和for-of循環(huán)兩種增強型循環(huán)藏否。
其中，for-in是ES5標(biāo)準(zhǔn)充包，遍歷的是key（可遍歷對象副签、數(shù)組或字符串的key）；
for-of是ES6標(biāo)準(zhǔn)误证，遍歷的是value（可遍歷對象继薛、數(shù)組或字符串的value）
for...in
直接看簡單的代碼示例了解用法。
var myArray = [1, 2, 4, 5, 7];
for (var index in arr) {
console.log(myArray[index]);
}
使用for-in可以遍歷數(shù)組愈捅，但是會存在以下問題：
- index索引為字符串型數(shù)字（注意遏考，非數(shù)字），不能直接進行幾何運算蓝谨。
- 遍歷順序有可能不是按照實際數(shù)組的內(nèi)部順序（可能按照隨機順序）灌具。
原因為遍歷循環(huán)的時候會先遍歷出整數(shù)屬性（integer properties，按照升序）譬巫，然后其他屬性按照創(chuàng)建時候的順序遍歷出來咖楣。
var obj = {
1: 'a',
3: 'c',
2: 'b',
kk: 55,
5: 'd'
}
for (const key in obj) {
console.log(key, typeof(key), obj[key])
}
如果想要按照指定順序遍歷怎么辦
可以把key值調(diào)整為非整數(shù)屬性
var obj = {
'+1': 'a',
'+3': 'c',
'+2': 'b',
kk: 55,
'+5': 'd'
}
for (const key in obj) {
console.log(key, typeof(key), obj[key])
}
3.使用for-in會遍歷數(shù)組所有的可枚舉屬性，包括原型芦昔。例如上例的原型方法method和name屬性都會被遍歷出來诱贿，通常需要配合hasOwnProperty()方法判斷某個屬性是否該對象的實例屬性，來將原型對象從循環(huán)中剔除咕缎。
for (var key in myObject) {
if（myObject.hasOwnProperty(key)){
console.log(key);
}
}
所以for-in更適合遍歷對象珠十，通常是建議不要使用for-in遍歷數(shù)組。
for...of
for-of可以簡單凭豪、正確地遍歷數(shù)組（不遍歷原型method和name）焙蹭。
var myArray = [1, 2, 4, 5, 6, 7];
myArray.name = "數(shù)組";
myArray.getName = function() { return this.name; } for (var value of myArray) {
console.log(value);
}
for (var value of myArray) {
console.log(value);
}
1.這是最簡潔、最直接的遍歷數(shù)組元素的語法嫂伞。
2.這個方法避開了for-in循環(huán)的所有缺陷孔厉。
3.與forEach()不同的是，它可以正確響應(yīng)break帖努、continue和return語句撰豺。
因此建議是使用for-of遍歷數(shù)組，因為for-of遍歷的只是數(shù)組內(nèi)的元素拼余，而不包括數(shù)組的原型屬性method和索引name郑趁。
區(qū)別總結(jié)
簡單總結(jié)就是，for...in遍歷的是數(shù)組的索引（即鍵名）姿搜，而for...of遍歷的是數(shù)組元素值寡润。
for...in總是得到對象的key或數(shù)組捆憎、字符串的下標(biāo)，并且下標(biāo)為字符串（隱形轉(zhuǎn)換）梭纹。
for...of總是得到對象的value或數(shù)組躲惰、字符串的值，另外還可以用于遍歷Map和Set变抽。
var set = new Set();
set.add("a").add("b").add("d").add("c");
// 遍歷Set
for (let s of set) {
console.log(s);
}
var map = new Map();
map.set("a", 1).set("b", 2).set(999, 3);
// 遍歷Map
for(let [k, v] of map) {
console.log(k, v);
}
一般來說for...of更加強大础拨，但是還是需要注意瀏覽器的兼容性問題。
