JavaScriptの配列の長さ（lengthプロパティ）を理解しよう
生徒
「先生、JavaScriptの配列ってどれくらい要素が入っているか調べる方法はありますか？」
先生
「はい、配列の長さを調べるときは length プロパティを使います。とても簡単ですよ。」
生徒
「lengthって何ですか？プロパティっていうのもよくわからなくて…」
先生
「わかりました。まず length は配列に入っている要素の数を教えてくれる数字のことです。プロパティは、その配列が持っている『情報』のようなものです。」
生徒
「なるほど、じゃあ具体的にはどうやって使うんですか？」
先生
「それでは、実際にコードを見ていきましょう！」
1. lengthプロパティとは？
JavaScriptの配列には、どれくらいの数のデータが入っているかを教えてくれる length という特別な「情報」があります。この length は数字を表していて、配列に入っている要素の数を示します。
たとえば、3つのフルーツが入った配列の場合は length は「3」になります。
2. lengthプロパティの使い方
配列の名前の後にドット（.）をつけて length と書くだけで、その配列の要素の数がわかります。具体的には以下のように使います。
let fruits = ["りんご", "バナナ", "みかん"];
console.log(fruits.length); // 3が表示される
3
この例では fruits という配列に3つの要素があるので、length は「3」になります。
3. lengthは常に最新の要素数を教えてくれる
配列に新しい要素を追加したり削除したりすると、length の値も自動で変わります。だから、length を使えば今の配列の大きさを正しく知ることができます。
let fruits = ["りんご", "バナナ"];
console.log(fruits.length); // 2
fruits.push("みかん"); // みかんを追加
console.log(fruits.length); // 3
fruits.pop(); // みかんを削除
console.log(fruits.length); // 2
2
3
2
このように、追加・削除に応じて自動的に長さが変わるので、常に正しい情報を教えてくれます。
4. lengthを使って繰り返し処理もできる
配列の長さを知ることは、配列の中身を順番に処理するときにも役立ちます。たとえば、forループで配列のすべての要素を表示したいときに、length を使って「どこまでループすればいいか」を決められます。
let fruits = ["りんご", "バナナ", "みかん"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
りんご
バナナ
みかん
ここで fruits.length は「3」なので、i は0から2までの数字を順にとり、3つの要素を順番に表示しています。
5. lengthの注意点：最後の番号はlength-1
配列の要素は「0」から数え始めるので、たとえば length が3でも、最後の要素の番号（インデックス）は「2」になります。これを「0から始まる番号（インデックス）」と言います。
配列の最後の要素を取り出したいときは length - 1 を使うことが多いです。
let fruits = ["りんご", "バナナ", "みかん"];
console.log(fruits[fruits.length - 1]); // みかんが表示される
みかん
このように length を使うと最後の要素にも簡単にアクセスできます。
6. 配列以外でもlengthは使える？
length は文字列にも使えます。文字列の文字数を数えたいときにも役立つ便利な機能です。
let text = "こんにちは";
console.log(text.length); // 5が表示される
文字列の場合は、length は「文字の数」を表しています。配列と同じように使えますね。
7. まとめ
ここまで、JavaScriptの配列の length プロパティについてわかりやすく解説しました。配列の長さを調べるときに必須の基本知識です。今後の配列操作や繰り返し処理でよく使うのでしっかり覚えておきましょう。
