最初の部分
var names = ["Ringo", "John", "Paul", "George"];
は配列定義です。4 つのアイテムを含む JavaScript 配列を読み込んでいます。配列内のインデックスは次のとおりです。
0 = "Ringo"
1 = "John"
2 = "Paul"
3 = "George"
これらの項目を JS で個別に参照するには、次のようにします。
var nameOne = names[0]; //nameOne = "Ringo"
var nameTwo = names[1]; //nameTwo = "John"
コード内のfor
ループは、配列内の各項目をステップ実行します。var i = 0
は、配列のインデックスとして使用する新しい変数を作成していることを示しています。これは、簡単にvar a
, var b
, . になる可能性がありvar indexOfTheArray
ます。なんでもいい。
次の部分i < names.length
は、条件を満たすfor
までループを繰り返す条件です。この場合、「の値がi
配列の長さ未満である限りループする」と表示されnames
ます。array.length
配列内の項目の総数を返します。したがってnames.length
、4 に等しくなります。
最後の部分は特別な JS コマンドi++
です。これは、「の値に 1 を加算する」という意味i
です。
for
ループが閉じ括弧に到達するたびに、 がインクリメントさi
れ、条件が評価されます。
ループ内では、i
作業中の配列の現在のインデックスを表します。
names[i]
ループ内で何度でも使用できfor
、次に終了ブラケットに到達してループに戻るまで変化しません。その後i
、インクリメントされ、配列に次の値が含まれます。