最近在學習egret,需要適用TypeScript,也就是JavaScript的超集。
學習後敲一遍以加深印象,有錯誤之處還請指正!
一、for..of 方法
let arr = ["hello", 2, "world"];
for (let data of arr) {
console.log(data); // "hello", 2, "world"
}
二、for..in 方法
這個方法要注意和for..of的區別,for..in遍歷的值是數組的索引
let arr = [4, 5, 6];
for (let i in arr) {
console.log(i); // 0, 1, 2
}
for (let i of arr) {
console.log(i); // 4, 5, 6
}
三、for 循環
這個就是常見的for循環了
let arr = ["hello", "world", false};
for (let i = 0; i < arr.length; i++) {
let data = arr[i];
console.log(data);
}
四、forEach
forEach其實是JavaScript的循環語法,TypeScript作爲JavaScript的語法超集,當然默認也是支持的。
let arr = [4, 5, 6];
arr.forEach((val, idx, arr) => {
console.log(val); // 4, 5, 6
console.log(idx); // 0, 1, 2
console.log(arr); // 數組arr
})
五、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;
}));
運行結果:
some一直在找符合條件的值,一旦找到,則不會繼續迭代下去。
every從迭代開始,一旦有一個不符合條件,則不會繼續迭代下去。