JavaScript | 配列が空かどうか確認する方法

2021-11-25JavaScript 配列,JavaScript

JavaScriptで配列が空かどうか確認・判別するサンプルコードを紹介しています。

配列が空かどうか確認する方法

以下のサンプルコードにて指定した配列かどうかを判別します。

配列に一つ以上の値がある場合、lengthは1以上の値を返すのでif文にてtrueとなります。

let array = ['apple', 'banana', 'pine'];

if (array.length) {
	console.log('配列は空ではない');
} else {
	console.log('配列は空です');
}

// 配列は空ではない

配列にひとつも値がない場合、lengthは0の値を返すのでif文にてfalseとなります。

let array = [];

if (array.length) {
	console.log('配列は空ではない');
} else {
	console.log('配列は空です');
}

// 配列は空です

多次元配列の場合

空の配列が含まれる多次元配列の場合は、lengthは1以上の値を返しますので空値と判定できません。

let array = [[],[]];

if (array.length) {
	console.log('配列は空ではない');
} else {
	console.log('配列は空です');
}

// 配列は空ではない

配列ではない場合

指定した変数が配列ではない場合はエラーとはなりませんが、配列かどうか別途判別する必要があります。

let array = '';

if (Array.isArray(array)) {
	console.log('配列です');
} else {
	console.log('配列ではありません');
}

// 配列ではありません