配列の長さを使う

01 / 04

数字を手で書くのは危ない

ここまでは i < 3 のように、要素の数を自分で書いてきた。

でもこれ、あとで要素を増やしたときに直し忘れる。書き忘れると最後の1件だけ処理されない、という気づきにくいバグになるよ。

02 / 04

配列の後ろに .length と書くと、いま入っている要素の数が取り出せる。

数えるのは自分ではなく配列の仕事、というわけだね。

const fruits = ["りんご", "みかん", "もも"];console.log(fruits.length);

実行結果

03 / 04

i < 3 の 3 を fruits.length に置き換えれば、要素が何個でも正しく回る繰り返しになる。

これが for と配列を組み合わせるときの完成形。これから何度も書く形だよ。

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

実行結果

りんご
みかん
もも
なし

04 / 04

番号は 0 から始まるので、最後の番号は length より1つ小さい。

要素が3つなら length は 3、最後の番号は 2 だね。list[list.length - 1] と書けば、長さがいくつでも最後の要素が取り出せるよ。

const list = ["あ", "い", "う"];console.log(list.length);console.log(list[list.length - 1]);

実行結果

3
う