配列のうしろに足す

01 / 05

あとから増やしたい

配列は作ったあとでも中身を増やせる。list[2] = "う" のように、まだ無い番号に代入すれば要素が増えたよね。

でもこの書き方だと、いま何個入っているかを自分で数えて番号を決めることになる。数え間違えると、思っていない場所に入ってしまう。

02 / 05

配列のうしろに .push(値) と書くと、いちばんうしろに1つ足す。番号を自分で決めなくていいのがうれしいところ。

この .push(...) のように、値に対して呼びだす命令をメソッドと呼ぶよ。.length は値をそのまま取り出すだけだったけれど、メソッドは () を付けて呼びだす。

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

実行結果

["りんご", "みかん", "もも"]

03 / 05

push は何回でも呼べる。呼んだ回数だけ、うしろに積み上がっていくよ。

要素が増えれば .length も一緒に増える。長さを自分で管理しなくていいんだ。

const nums = [10, 20];nums.push(30);nums.push(40);console.log(nums);console.log(nums.length);

実行結果

[10, 20, 30, 40]
4

04 / 05

push がいちばん活きるのは、空の配列から作っていくとき。[] を用意して、繰り返しの中で足していく形だよ。

何個になるか先に分からなくても書けるのが強みだね。

const squares = [];for (let i = 1; i <= 4; i++) {  squares.push(i * i);}console.log(squares);

実行結果

[1, 4, 9, 16]

05 / 05

ここまでを整理しておこう。

それじゃあ、実際に足してみよう。