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

Kirill Ibrahim 2023年10月12日
  1. JavaScript で文字列が空かどうかを調べるには === 演算子を使用する
  2. JavaScript で文字列が空かどうかを調べるために length プロパティを使用する
  3. JavaScript で文字列が空かどうかを調べるために変数をブール値に変換する
JavaScript で空の文字列をチェックする方法

このチュートリアルでは、文字列が空かどうかを調べる方法を紹介します。各メソッドにはコード例がありますので、あなたのマシンで実行することができます。

JavaScript で文字列が空かどうかを調べるには === 演算子を使用する

文字列が空かどうかを調べるには、厳密な等号演算子(===)を使用することができます。比較 data==="" は、値のデータ型が文字列であり、かつ空である場合にのみ true を返します。

例:

console.log(false === '')
console.log(undefined === '')
console.log(2 === '')
console.log(null === '')
console.log('Hello World!' === '')
console.log('' === '')

出力:

false
false
false
false 
false
true
注意
等価比較器 == は使用しないでください。なぜなら、data == ""data0 または false の場合のみ true を返しますが、空の文字列 "" だけは返さないからです。

例:

var str1 = ''
var str2 = 0
var str3 = false

console.log(str1 == '')
console.log(str2 == '')
console.log(str3 == '')

出力:

true
true
true

JavaScript で文字列が空かどうかを調べるために length プロパティを使用する

JavaScript の空文字列をチェックする別の方法を紹介します。もし長さが 0 であれば、その文字列が空であることがわかります。

例:

let str1 = 'Hello world!';
let str2 = '';
let str3 = 4;
console.log(str1.length === 0)
console.log(str2.length === 0)
console.log(str3.length === 0)

出力:

false
true
false

JavaScript で文字列が空かどうかを調べるために変数をブール値に変換する

変数をブール値に変換する方法は 2つあります。1つ目はデュアル NOT 演算子(!!)によるもので、2つ目は型キャスト (Boolean(value)) によるものです。

Boolean(str);

!!str;

str は変数です。nullundefined0000""false に対しては false を返します。空文字列や空白文字がない場合は true を返します。

例:

let str1 = 'Hello world!';
let str2 = '';
console.log(!!str1)
console.log(!!str2)
console.log(Boolean(str1))
console.log(Boolean(str2))

出力:

true
false
true
false

関連記事 - JavaScript String