TypeScript：遍历数组Array 的方法 for..of, for..in, for, forEach, every, some

一、for..of 方法

这是最常用的方法，遍历的值是数组中的value值

let someArray = [1, "string", false];
for (let entry of someArray) {
　　console.log(entry); // 1, "string", false
}

二、for..in 方法

这个方法要注意和for..of的区别，for..in遍历的值是数组的索引

let list = [4, 5, 6];
//for in
for (let i in list) {
　console.log(i); // "0", "1", "2",
}
//for of
for (let i of list) {
　console.log(i); // "4", "5", "6"
}

三、for循环

for循环是标准的C风格语法

var numbers = [1, 2, 3];
for (var _i = 0; _i < numbers.length; _i++) {
　　var num = numbers[_i];
　　console.log(num); // "1", "2", "3"
}

四、forEach

forEach其实是JavaScript的循环语法，TypeScript作为JavaScript的语法超集，当然默认也是支持的。

let list = [4, 5, 6];
list.forEach((val, idx, array) => {
　　// val: 当前值
　　// idx：当前index
　　// array: Array
});

五、every和some

every和some也都是JavaScript的循环语法，TypeScript作为JavaScript的语法超集，当然默认也是支持的。因为forEach在iteration中是无法返回的，所以可以使用every和some来取代forEach。

• every()是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。
• some()是对数组中每一项运行给定函数，如果该函数对任一项返回true，则返回true。

var arr = [ 1, 2, 3, 4, 5, 6 ]; 
 
console.log( arr.some( function( item, index, array ){ 
    console.log( 'item=' + item + ',index=' + index+',array=' + array ); 
    return item > 3; 
})); 
 
console.log( arr.every( function( item, index, array ){ 
    console.log( 'item=' + item + ',index=' + index+',array=' + array ); 
    return item > 3; 
}));

运行结果：

item=1,index0,array1,2,3,4,5,6
item=2,index1,array1,2,3,4,5,6
item=3,index2,array1,2,3,4,5,6
item=4,index3,array1,2,3,4,5,6
true
item=1,index=0,array=1,2,3,4,5,6
false

❗️总结：

some一直在找符合条件的值，一旦找到，则不会继续迭代下去。 
every从迭代开始，一旦有一个不符合条件，则不会继续迭代下去。