[JS]4種類のfor文整理

10614 ワード

1.基本文
for文は、特定の条件が虚偽と判定されるまで繰り返される.
for( 초기화 ; 조건문 ; 증감식 ) {
  반복할 내용
}
初期化:for文のカウンタ変数を初期化します.for文でのみ使用される領域変数を宣言することもできます.
缲り返すたびに、本当かどうか判断しなければならない.本当の場合、中かっこ{}の内容が実行されます.
増減式:繰り返すたびに次の条件文が判別される前に実行される方式.カウンタ変数を増減します.
for(let number = 1; number <= 3; number++) {
  console.log(number);
}
// 결과
// 1
// 2
// 3
2. for ... ドアの
for ... ofゲートを配列に特化したforゲートと考えてみましょう.[Symbol.iterate]の属性を有する集合にのみ適用されることを示す.
実は...よくわかりませんが...ほほほ、知っているようで分からないので、完全に理解していません.
もっと深く勉強してから見ます...!
参照ページ:ES 6の構成部品、イテレーション、イテレーションについて
let array = ['one', 'two', 'three'];
for(let index = 0; index < array.length; index++) {
  console.log(array[index]);
}
// 결과
// one
// two
// three
配列は0からnまでの順序データの集合である.配列の値を順番に表示するには、indexを0から配列長(より小さい)に増やし、1をインクリメンタルとして配列を出力する必要があります.
let array = ['one', 'two', 'three'];
for(let element of array) {
  console.log(element);
}
// 결과
// one
// two
// three
同じ結果を出力するfor文for...これはof文を使用するコードです.
もともと3つの文に分かれていた基本文式は변수(선언) of 배열の形になっています.宣言された変数はarrayの要素であり、配列を繰り返します.
上記のコードでは、変数elementは配列のインデックスではなく、配列の値(要素)であることに注意してください.
3. for ... 文.
for ... in文は、オブジェクト内の文字列で指定されたリスト可能なすべての属性を繰り返し実行します.
for ... オブジェクトバージョンと考えられます.
実は配列も...ハングルで書くことができます.しかし、配列はfor...in文はおすすめしないそうです.
レイアウトはドアのベースまたは...of文を使用します.
let object = {one: 1, two: 2, three: 3};
for(let key in object) {
  console.log(key);
}
// 결과
// one
// two
// three
オブジェクトは,順序がなく,各値に意味のあるkey - value対の集合である.
for...ドアは上です.inゲートに似た形態변수(선언) in 객체.
宣言された変数はobjectのキーで、オブジェクトに対して繰り返します.
変数keyは値ではなく、key - value対のkeyであることに注目すべきである.
姿はあまり違わない...ofで値(要素)を表すので、本当に混同しすぎます.
for(let key in object) {
  console.log(object[key]);
}
// 결과
// 1
// 2
// 3
オブジェクトの値を出力したい場合は、object[key]として出力する必要があります.
4.for each(関数)
forEach()関数は、配列要素ごとに与えられた関数を実行します.
foreach()は繰り返し文です...というよりアレイのコールバック関数です.またforEach()に関数を作成し、それを繰り返します.
forEach()で実行する関数のパラメータは요소, 인덱스, 배열ですが、必要に応じて後のパラメータを省略できます.
let array = ['one', 'two', 'three'];
array.forEach(function(element) {
  console.log(element);
});
// 결과
// one
// two
// three
要素のみを繰り返す場合.
let array = ['one', 'two', 'three'];
array.forEach(function(element, index) {
  console.log(index + ' => ' + element);
});
// 결과
// 0 => one
// 1 => two
// 2 => three
要素とインデックスを繰り返します.
関数パラメータの順序が重要です!index => elementの形式で出力したい場合でも、関数のパラメータはインデックスではなく要素を前に書く必要があります.
に注意
foreach()の場合、例外は除外されず、途中で止めることはできません.途中で止める必要があるなら、基本はfor moonかfor...of文を使用します.