JavaScriptで配列内の空文字列（空の文字）をチェックする方法

JavaScript配列に空文字列が含まれているか確認する方法

JavaScriptでは、配列の中に空の文字列（空文字）が含まれているかどうかを、forループと条件分岐を組み合わせて簡単に確認できます。

ここでは、空文字列と通常の値が混在した次のような配列を例に考えてみましょう。

studentDetails[2] = "Smith";
studentDetails[3] = "";
studentDetails[4] = "UK";

空文字列をチェックするための基本構文

配列内の空文字列を調べる場合の構文は以下の通りです。現在参照しているインデックスの要素が空文字列と一致するかどうかを条件として判定します。

if(yourArrayObjectName[yourCurrentIndexValue]==""){
    // 空文字列だった場合の処理
} else{
    // 空文字列ではない場合の処理
}

サンプルコード

実際に、配列の各要素をループで走査し、空文字列が見つかった位置を出力するプログラムを見てみましょう。

var studentDetails = new Array();
studentDetails[0] = "John";
studentDetails[1] = "";
studentDetails[2] = "Smith";
studentDetails[3] = "";
studentDetails[4] = "UK";
function arrayHasEmptyStrings(studentDetails) {
    for (var index = 0; index < studentDetails.length; index++) {
    if (studentDetails[index] == "")
       console.log("配列の index=" + (index) + " は空文字列です");
    else
       console.log("index=" + (index) + " の値は " + studentDetails[index]);
    }
}
arrayHasEmptyStrings(studentDetails);

プログラムの実行方法

上記のプログラムを実行するには、Node.jsを使って次のコマンドを実行します。

node fileName.js

ここでは、ファイル名を demo210.js として保存しているものとします。

実行結果

プログラムを実行すると、以下のような出力が得られます。空文字列が含まれているインデックス番号が正しく検出されているのがわかります。

PS C:\Users\Amit\javascript-code> node demo210.js
index=0 の値は John
配列の index=1 は空文字列です
index=2 の値は Smith
配列の index=3 は空文字列です
index=4 の値は UK

補足：より簡潔な書き方

forループ以外にも、includes("") メソッドを使えば、配列に空文字列が存在するかどうかを1行で判定することもできます。

console.log(studentDetails.includes("")); // true または false を返す

また、空文字列の位置を知りたい場合は indexOf("") を使うと便利です。用途に応じて使い分けるとよいでしょう。