JavaScriptで文字列に空白（半角スペース）が含まれているか判定する方法

JavaScriptで文字列に空白（半角スペース）が含まれているかどうかを確認したい場合は、indexOf(' ') の考え方を利用すると簡単に実装できます。indexOf() メソッドは、指定した文字が文字列内のどの位置にあるかを返し、見つからない場合は -1 を返します。この性質を利用して、戻り値が 0 以上であれば空白が存在すると判断できます。

サンプルコード

以下は、文字列に空白が含まれているかを判定する関数の実装例です。

function stringHasTheWhiteSpaceOrNot(value){
    return value.indexOf(' ') >= 0;
}
var whiteSpace = stringHasTheWhiteSpaceOrNot("MyNameis John");
if (whiteSpace == true) {
    console.log("The string has whitespace");
} else {
    console.log("The string does not have whitespace");
}

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

node fileName.js

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

実行結果

上記のプログラムを実行すると、コンソールには次のように出力されます。

PS C:\Users\Amit\JavaScript-code> node demo108.js
The string has whitespace

補足：より現代的な書き方

ES6以降の環境では、includes() メソッドを使うことで、より直感的に同じ判定を行うこともできます。

const hasWhiteSpace = (value) => value.includes(' ');
console.log(hasWhiteSpace("MyNameis John")); // true

indexOf() と includes() のどちらを使っても動作は同じですが、可読性の観点では includes() の方が意図が伝わりやすくおすすめです。また、タブや改行などすべての空白文字を対象にしたい場合は、正規表現の /\s/ を使った判定も検討するとよいでしょう。