TypeScript遍歷Array的方法(for,forEach,every)

Posted on by

Typescript的官方文檔 Iterators and Geneators

一、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 (let i in list) {
   console.log(i); // "0", "1", "2",
}

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。

let list = [4, 5, 6];
list.every((val, idx, array) => {
    // val: 當前值
    // idx：當前index
    // array: Array
    return true; // Continues
    // Return false will quit the iteration
});

到此這篇關於TypeScript遍歷Array的方法(for,forEach,every)的文章就介紹到這瞭,更多相關TypeScript遍歷Array內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：