JavaScriptの配列とは？作り方と使い方を初心者向けに解説

変数は「名前をつけた箱」でした。でも、しまちゃんのすきなもの4つを持ちたいとき、箱を4つ用意してlike1、like2……と名前をつけるのは大変です。そこで登場するのが配列。箱がずらりと並んだ、名前つきの棚です。

書いてみよう

const likes = ["おえかき", "ラーメン", "ゲーム", "しま"];

4つの値が、likesというひとつの名前にまとまりました。

棚から1つ取り出すときは、[番号]をつけます。

console.log(likes[0]);
console.log(likes[3]);

コンソールには「おえかき」と「しま」が出ます。……あれ、likes[3]が4番目？

.lengthをつけると、棚に入っている値の個数が分かります。

console.log(likes.length);

コンソールには4が出ます。中身が増えても減っても、likes.lengthはいつも正しい個数を答えてくれます。

pushを使うと、棚のいちばん後ろに値を追加できます。

likes.push("プログラミング");
console.log(likes.length);

すきなものが5つに増えました。constで作った配列でも、中身の追加や入れかえはできます（棚ごと別のものに取りかえるのがダメ、というルールです）。