lengthプロパティによる配列操作 | 配列メソッドの基本 | JavaScript 超完全入門 基本から発展までのすべて

lengthプロパティとは？

JavaScriptのlengthプロパティは、配列の要素数（長さ）を取得または変更するために使用されます。配列の操作において、lengthプロパティは非常に重要であり、配列のサイズを動的に制御するために利用されます。

配列の長さを取得する例

const fruits = ["apple", "banana", "cherry"];

console.log(fruits.length);  // 3

この例では、配列fruitsの要素数が3であることがlengthプロパティによって取得されています。

lengthプロパティで配列の長さを変更する

JavaScriptでは、lengthプロパティに新しい値を設定することで、配列の長さを変更することが可能です。長さを短くすることで、余分な要素が削除され、長さを伸ばすことで新しい空の要素が追加されます。

配列の長さを短くする例

const fruits = ["apple", "banana", "cherry", "orange"];

// 長さを短くして要素を削除
fruits.length = 2;

console.log(fruits);  // ["apple", "banana"]

この例では、配列fruitsの長さを2に変更したため、残りの要素が削除されました。結果として["apple", "banana"]が残ります。

配列の長さを伸ばす例

const fruits = ["apple", "banana"];

// 長さを伸ばす
fruits.length = 5;

console.log(fruits);  // ["apple", "banana", empty × 3]

この例では、lengthプロパティを使って配列の長さを5に変更しています。新しい要素は自動的にundefinedとして追加され、空の要素が挿入されます。

lengthプロパティの特性

lengthプロパティは配列の長さを動的に変更できるため、要素の追加や削除を柔軟に行うことができます。ただし、長さを短くした際に削除される要素は、元に戻すことはできないため注意が必要です。

lengthプロパティの操作による配列の変化

lengthプロパティを使った実用的な配列操作

lengthプロパティは、配列のループ処理や動的な配列操作にも活用されます。例えば、配列を順番に処理する際にlengthを使うことで、柔軟に要素数を調整できます。

lengthを使ったループ処理の例

const fruits = ["apple", "banana", "cherry"];

for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

// 出力結果:
// apple
// banana
// cherry

この例では、lengthプロパティを使って、配列の長さに応じてループを回し、全ての要素を出力しています。

まとめ

JavaScriptのlengthプロパティは、配列の長さを取得するだけでなく、動的に変更するためにも使われます。長さを短くすれば要素が削除され、長さを伸ばせば空の要素が追加されます。また、lengthはループ処理や配列の操作において非常に重要な役割を果たします。配列を効率的に操作するためにlengthプロパティの特性を理解しておくことが重要です。