JavaScript は空の配列を宣言する

Kirill Ibrahim 2023年10月12日
  1. JavaScript で空の配列を宣言する例
  2. JavaScript で空の配列を宣言する 2つの方法の違い
JavaScript は空の配列を宣言する

JavaScript には、空の配列を宣言するさまざまな方法があります。一つは、以下のように角括弧で配列を宣言する方法です。

var array1 = [];

もう一つの方法は、パラメータを空にしてコンストラクタメソッドを使用する方法です。

var array1 = new Array();

JavaScript で空の配列を宣言する例

// Wider scope variable array:
var array1 = [];

// Local scope variable array:
let array2 = [];

let array3 = new Array();

console.log({array1, array2, array3});

出力:

{array1: Array(0), array2: Array(0), array3: Array(0)}

JavaScript で空の配列を宣言する 2つの方法の違い

コンストラクタメソッド new Array() を用いると、コンストラクタに配列の長さを表す数値を渡すことができます。

例:

let array1 = new Array(4);
console.log(array1.length);
let array2 = [];
console.log(array2.length);

出力:

4
0

この時点では、new Array(4) は実際には配列に 4つの undefined アイテムを追加しません。4つの要素のためのスペースが追加されるだけです。

例:

let array1 = new Array(4);
console.log(array1[0]);
console.log(array1[1]);
console.log(array1[2]);
console.log(array1[3]);

出力:

undefined
undefined
undefined
undefined

空の配列について調べたい場合は、array.length に頼って計算することはできないことに注意してください。

例:

let array1 = new Array(4);
let array2 = [];
array1.push('orange');
array2.push('orange');
console.log({array1, array2});

出力:

{ array1: [ <4 empty items>, 'orange' ], array2: [ 'orange' ] }

関連記事 - JavaScript Array