forと配列を組み合わせよう

01 / 05

最強コンビの登場

配列には「たくさんのデータ」、for 文には「繰り返す力」がある。

この2つを組み合わせると——配列の全要素を順番に処理することができる。プログラミングでいちばんよく使うパターンだよ。

02 / 05

配列のインデックスは 0, 1, 2, …と続く数値だったね。

for 文の i を 0 から 始めれば、fruits[i] で全要素を順番に取り出せるんだ。

let fruits = ["りんご", "みかん", "ぶどう"];for (let i = 0; i < 3; i++) {  console.log(fruits[i]);}

実行結果

りんご
みかん
ぶどう

03 / 05

要素数を直書きすると、配列が増えたとき壊れてしまう。

条件を i < 配列.length にすれば、要素がいくつでも全部回れる。<= ではなく < なのは、最後のインデックスが length - 1 だからだよ。

let fruits = ["りんご", "みかん", "ぶどう", "もも"];for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]);}

実行結果

りんご
みかん
ぶどう
もも

04 / 05

取り出した要素は計算にも使える。「ためる変数」パターンと組み合わせれば、配列の合計が出せるよ。

この形、テストの集計にも、家計簿にも、ゲームのスコアにも使える万能選手。

let scores = [80, 65, 92];let total = 0;for (let i = 0; i < scores.length; i++) {  total = total + scores[i];}console.log(total);

実行結果

05 / 05

i はインデックスとしてだけでなく、表示にも使える。

「何番目の何」という形式は、ランキングやリスト表示の基本形だよ。

let members = ["さくら", "たけし"];for (let i = 0; i < members.length; i++) {  console.log(i + 1 + "番: " + members[i]);}

実行結果

1番: さくら
2番: たけし