Arrayを巡る方法:for,forEach,every
1360 ワード
方法1、for...ofというのが一番よく使われる方法のようで、angular 2ではHTML文法のバインドもこの文法が必要です.
方法2、forループforループは実は標準的なCスタイルの文法です.
方法3、for...in公式ドキュメントでは、for...inとfor...ofの違いを強調しています.
方法3、forEach forEachはJavaScriptのループ構文であり、Type ScriptはJavaScriptの構文スーパーセットとして、もちろんデフォルトでもサポートされています.
方法4、everyとsome everyとsomeもJavaScriptのループ構文であり、Type ScriptはJavaScriptの構文スーパーセットとして、もちろんデフォルトでもサポートされています.forEachはiterationでは戻れないので、forEachの代わりにeveryとsomeを使用することができます.
let someArray = [1, "string", false];
for (let entry of someArray) {
console.log(entry); // 1, "string", false
}
方法2、forループforループは実は標準的なCスタイルの文法です.
let someArray = [1, "string", false];
for (var i = 0; i < someArray.length; i ++) {
console.log(someArray[i]); // 1, "string", false
}
方法3、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"
}
方法3、forEach forEachはJavaScriptのループ構文であり、Type ScriptはJavaScriptの構文スーパーセットとして、もちろんデフォルトでもサポートされています.
let list = [4, 5, 6];
list.forEach((val, idx, array) => {
// val:
// idx: index
// array: Array
});
方法4、everyとsome everyとsomeもJavaScriptのループ構文であり、Type ScriptはJavaScriptの構文スーパーセットとして、もちろんデフォルトでもサポートされています.forEachはiterationでは戻れないので、forEachの代わりにeveryとsomeを使用することができます.
let list = [4, 5, 6];
list.every((val, idx, array) => {
// val:
// idx: index
// array: Array
return true; // Continues
// Return false will quit the iteration
});