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