Typescript : 遍歷Array的方法:for, forEach, every等


方法一,for…of 
這個貌似是最常用的方法,angular 2中HTML語法綁定也是要的這種語法。

let someArray = [1, "string", false];

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

 

 

 for…in 
官方文檔上強調了for…in和for…of的區別:

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"
}

 

 

方法三,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
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM