このページではJavaScriptにおける配列オブジェクトの要素数を数えるプロパティ「Array.length」についてお伝えしよう。

Array.lengthの基本的な使い方

使い方はいたってシンプルだ。プロパティなので、配列オブジェクトに対して呼び出すだけでよい。

配列オブジェクト.length

例えば、配列animalsの要素数を知りたければ次のようにすればいい。

animals.length

実際のコードを見てみよう。

var animals = ['ネズミ', 'ウシ', 'トラ', 'ウサギ', 'ドラゴン'];
console.log('出力結果: ' + animals);
console.log('出力結果: ' + animals.length);

lengthプロパティの操作

lengthプロパティを直接操作することもできる。

lengthプロパティを減らす

プロパティの数値を減らすと、配列要素が削除される。このとき削除された値は参照することができなくなる。

配列オブジェクト.length = 配列数

var animals = ['ネズミ', 'ウシ', 'トラ', 'ウサギ', 'ドラゴン'];
animals.length = 3;
console.log('出力結果: ' + animals); 
console.log('出力結果: ' + animals.length);
console.log('出力結果: ' + animals[4]);

lengthプロパティを増やす

反対にプロパティの数値を増やすと、配列要素が追加される。このとき追加された値は「undefined」になる。

var animals = ['ネズミ', 'ウシ', 'トラ', 'ウサギ', 'ドラゴン'];
animals.length = 12;
console.log('出力結果: ' + animals);
console.log('出力結果: ' + animals.length);
console.log('出力結果: ' + animals[10]);

lengthを指定するときの注意

「Array.length」プロパティは、プラスの値しかとることができない。マイナスの値を指定してしまうと、シンタックスエラーとなるので気をつけよう。

var animals = ['ネズミ', 'ウシ', 'トラ', 'ウサギ', 'ドラゴン'];
animals.length = -1;
console.log('出力結果: ' + animals);

まとめ

JavaScriptにおいて配列の要素数を数えたい場合は「Array.length」を利用する。基本的なプロパティで頻繁に使うことになるので覚えておこう。