循环遍历总结（for/foreach/forin/forof/map/some/filter）

for-of 循环

代码示例

for (var value of myArray) {
console.log(value);
}

循环的对象需为一个数组

无法记录索引

可以相应break、continue、return语句

可用来遍历对象属性

可用来遍历对象的自值

无法获取到对象或数组遍历的索引

for 循环

最基础的循环，循环内部可用到循环索引

- 代码示例

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

foreach循环

myArray.forEach(function (value) {
console.log(value);
});

无法使用break中断循环或用return返回到外层函数

for-in循环

for (var index in myArray) {
console.log(myArray[index]);
}

赋值给index的值不是实际的数字，是字符串’0’、’1’、’2’、’3’…..用于计算时可能出现未知的错误

for-in循环会遍历自定义属性

在某些情况下，这段代码可能按照随机顺序遍历数组元素

简而言之，for-in 是为普通对象设计的

map

arr.map(function(m,n,k){
console.log(m); //val
console.log(n); //index
console.log(n); //arr
})

函数中第一个参数为遍历某一项的值

函数中第二个参数为遍历某一项的索引

函数值后的参数指向数组本身

some

用于
4000
检测数组中元素是否满足指定条件

如果有一个元素满足就返回true，不再检测

some() 不会对空数组进行检测。

some() 不会改变原始数组。

$scope.documents.some(function (item) {
if (item._id === $scope.currentDocument._id) {
$scope.currentDocument = item;
return true;
} else {
return false;
}
});

filter

过滤数组中的元素，以下面的数组记录重复值为例

function uniqSet(arr) {
var seen = new Set();
return arr.filter(function(el) {
if(!seen.has(el)) {
seen.add(el);
return true;
}
return false;
});
}

以上代码中的参数el为数组每次遍历到的那个值

使用return结束本次循环

EDN